wie Tabellentag td Werte useing jQuery Filter selecter

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> 

finden hallo wie kann ich wählen Sie alle zweite td Werte ??

ich versuchte

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

aber das war nur der erste Werte zurück ....

Answer 1

Verwendung nth-child Wähler statt :eq(index)

Der :nth-child(n) Selektor passt jedes Element das ist die nth child() (Index starts from 1)

:eq(index) Der Selektor wählt den Element bei Index n innerhalb des aufeinander abgestimmten Satzes. (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. Vorname die ID der Tabelle
2. Verwendung. nth-child()Anmerkung: bei 1 kann

Answer 3

Sie beginnt verwenden, um die :nth-child(n) Selektor passt er jedes Element, das die nth child() of selector ist:

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