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

【问题标题】：How to get the table cell of a row that was clicked with JQuery如何获取使用JQuery单击的行的表格单元格
【发布时间】：2012-06-25 00:13:43
【问题描述】：

我有一个 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
   }
});

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

这可能吗？

【问题讨论】：

【解决方案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();
});

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

你可以这样做

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

【讨论】：