如何獲取使用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代碼出現問題。