javascript - 如何使用 jQuery 过滤器选择器查找表标签 td 值

Question

<table>
    <tr>
        <td>Calories </td>
        <td>TargetValue1</td>
    </tr>
    <tr>
        <td>Protein</td>
        <td>TargetValue2</td>
    </tr> 
    <tr>
        <td>Protein</td>
        <td>TargetValue3</td>
    </tr> 

如何选择所有second td值？

我试过了

    $.each($("#nutritab tbody tr td:eq(1)"),function(i , item){
        alert($(item).text());  
    });

但这只会返回第一个值。

Answer 1

Use nth-child selector instead of :eq(index)

:nth-child(n) 选择器匹配 每个元素，即 nth-child()(索引从1开始)

:eq(index) 选择器选择匹配集中索引 n 处的元素。(从零开始的索引 )

$.each($("#nutritab tr td:nth-child(2)"), function(i, item) {
  alert($(item).text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table id='nutritab'>
  <tr>
    <td>Calories</td>
    <td>TargetValue1</td>
  </tr>
  <tr>
    <td>Protein</td>
    <td>TargetValue2</td>
  </tr>
  <tr>
    <td>Protein</td>
    <td>TargetValue3</td>
  </tr>
</table>