javascript - 为子节点设置 onclick jquery 或 javascript

Question

这个问题已经有答案了:

jQuery alert onclick on element's child? (7 个回答)

已关闭 6 年前。

你好，我想为 jquery 中的每个表行设置一个 onclick，但我不知道从哪里开始，而且我不擅长搜索，所以我希望在这里得到一些帮助。我已经尝试过了

var tableRows = $("tableID").children();
console.log(tableRows);

但是 console.log(tableRows) 只返回 Prev 对象 r.fn.init[0]，所以我想我没有任何东西可以使用。如何获取数组中的 tableRows 并使用 for 循环遍历它们？

Answer 1

试试这个:

$('document').ready(function() {
  var tableRows = $("#tableID td");
  tableRows.on('click', function(e) {
    console.log('%s %s %s', e.target.tagName, e.target.innerHTML, "clicked");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table id="tableID">
  <tr>
    <td>Row1</td>
  </tr>
  <tr>
    <td>Row2</td>
  </tr>
</table>