javascript - 如何让 td 点击有 tr

Question

我有一个带有点击监听器的tr。我想知道点击的是哪个 td:

<tr class ="clickingClass">
  <td> first td </td>
  <td> second td </td>
</tr>

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

上面没有显示任何内容。我怎样才能做到这一点？

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)...
});