方法

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> 

selecter jQueryのフィルタをuseingテーブルタグTD値を見つけるために、HIどのようにすべての第TD値を選択できますか？

iは

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

を試みたが、それは

Answer 1

使用nth-childセレクタ代わりに:eq(index)

:nth-child(n)セレクタすべての要素に一致する....最初の値を返しましたnth child()（Index starts from 1）

:eq(index)

セレクタインデックスのnマッチセット内要素を選択する。（Zero-based index）

$.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>

Answer 2

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.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>

1. まず名前のテーブル
2. 使用へのid。 nth-child()注：1

Answer 3

で開始あなたは:nth-child(n)セレクタを使用することができ、それはnth child() of selectorあるすべての要素にマッチする：

$('.tb').each(function(index, tr) { 
 
\t alert($(this).find('td:nth-child(2)').text()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table class="tb"> 
 
    <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>