为子节点设置 onclick jquery 或 javascript

Question

你好，我想为 jquery 中的每个 table 行设置一个 onclick，但我不知道从哪里开始，而且我的搜索很糟糕，所以我希望在这里得到一些帮助。我试过这个

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

但是 console.log(tableRows) 只有 returns Prev 对象 r.fn.init[0]，所以我想我没有任何可以使用的那。如何获取数组中的 table 行并使用 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>

为子节点设置 onclick jquery 或 javascript

Set onclick for childnodes jquery or javascript

javascript

jquery

children