如何让td点击有tr

Question

我有一个td点击监听器。我想知道点击的<tr class ="clickingClass"> <td> first td </td> <td> second td </td> </tr> 是哪个：

$(".clickingClass").on('click', function() {
  $(this).closest('td');
});

UPDATE

以上没有显示任何内容。我怎么能这样做？

Answer 1

问题是因为closest()上升了DOM，而不是它。

要执行您的要求，您可以直接将事件处理程序附加到td元素：

$(".clickingClass td").on('click', function() {
    // do something with $(this)...
});

或者，您可以使用传递给处理函数的事件的target属性来确定单击了哪个td：

$(".clickingClass").on('click', function(e) {
    // do something with $(e.target)...
});

Answer 2

您可以将event.target用于此

$(".clickingClass").on('click',function(event){
    alert(event.target);
});

Answer 3

为什么不绑定到td？

$(".clickingClass td").on('click',function(){
   this //td
});