javascript - 如何获取用 JQuery 单击的行的表格单元格

Question

我有一个 HTML 表格，它的行有一个 onclick 事件。

我想知道是否有可能找出该行的哪个单元格被点击，而无需为每个单元格设置单独的处理程序？

我有一张 table :

<tr class="new_row">
   <td class="date">date</td>
   <td class="name">name</td>
   <td class="delete">delete</td>
</tr>

和jquery:

$(".new_row").click(function(){
   if(delete was clicked){
       delete the row
   }
});

基本上这就是我想要做的，检测是否单击了删除单元格。

这可能吗？

Answer 1

首先你不应该定义多个具有相同id的元素，这会造成麻烦，你可以将id='delete'替换为class='delete'。

// on click td with class delete:
$("td.delete").click(function(){
   //delete was clicked so remove tr
   $(this).parent().remove();
});