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

Question

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

我想知道是否可以找到该行的哪个单元格，而不必为每个单元格使用单独的处理程序？

我有一张桌子：

<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定义多个元素，否则会造成麻烦，您可以将class='delete'替换为id='delete' class='delete' 。

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

Answer 2

你可以这样

现场演示

$(".new_row").click(function(event){       
    if($(event.target).text() == 'delete')
    {       
      $(this).remove();      
    }
});

Answer 3

查看event.target的ID。 如果它与delete匹配，则可以处理删除。

但是，由于这是在表中，因此我猜测您有多行。 如果是这种情况，是否意味着您有多个具有相同ID的单元格？ 如果是这样，则这是无效的HTML，当您尝试使用CSS选择器时，这可能会导致jQuery代码出现问题。