javascript - 获取 tbody td 的值

Question

我看到了其他问题和答案，但不符合我的需求。

<thead>
  <tr>
    <td>a2</td>
    <td>a2</td>
  </tr>
<tbody>
  <tr>
    <td>a2</td>
    <td>a2</td>
  </tr>
  <tr>
    <td>4d</td>
    <td>a23</td>
  </tr>
</tbody>

<script>
$('tr').on("click", function(){
    var id = $(this).find('tbody tr td').eq(2).text(); //here
    alert(id);
});
</script>

我想得到 tbody td 而不是 thead td，我在脚本上尝试了上面的代码。但警报确实发生了，没有任何值(value)。(空警报)嗯...我输入错误了吗？

Answer 1

下面的脚本将获取tbody tr的第一个td的值

<table>
<thead>
  <tr>
    <td>a2</td>
    <td>a2</td>
  </tr>
</thead>
<tbody>
  <tr>
    <td>a2</td>
    <td>a2</td>
  </tr>
  <tr>
    <td>4d</td>
    <td>a23</td>
  </tr>
</tbody>
</table>
<script>
$('tbody tr').on("click", function(){
    var id = $(this).find('td:first-child').text(); //here
    alert(id);
});
</script>

如果您想获取点击的每个td的值，您可以使用:

$('tbody td').on("click", function(){
    var id = $(this).text(); //here
    alert(id);
});