Seleziona il 3 ° <td> usando jQuery?

Question

Ho una tabella di fila e più TDS in quella riga, come quella:

<tr class="first odd"> 
    <td class="a-center"> 
    <td>...</td> 
    <td>...</td> --> I want this 
    <td>...</td> 
    <td>...</td> 
    <td>...</td> 
</tr> 

sono in grado di ottenere il tr genitore di tutti i TDS, ma c'è un modo per ottenere il 3 ° td all'interno del solo tr?

Il codice per ottenere il TR è:

jQuery('#shopping-cart-table > tbody > tr').each(function(index, value) { 
    ... 
}); 

Grazie

Answer 1

È possibile utilizzare :eq selettore:

jQuery('#shopping-cart-table > tbody > tr').each(function(index, value) { 
    $('td:eq(2)', this) 
}); 

Oppure:

jQuery('#shopping-cart-table tbody').find('td:eq(2)'); 

Answer 2

Utilizzare il: eq funzione in jQ uery: http://api.jquery.com/eq/

$('#shopping-cart-table td').eq(2); 

Answer 3

prova con questo

$("#shopping-cart-table > tbody > tr td").eq(2); 

Answer 4

Prova in questo modo:

$(".first td:nth-child(3)").append("<span>-3rd"); 

Answer 5

questo è il codice migliore e più semplice. È possibile fare clic sul pulsante in quella riga, quindi verrà visualizzato il valore di thrid. se questo tuo tavolo:

<tr class="first odd"> 
    <td class="a-center"> 
    <td>...</td> 
    <td>...</td> --> I want this 
    <td>...</td> 
    <td>...</td> 
    <td><button id='test'><button></td> 
</tr> 

poi in javascript associare il pulsante con evento click, come indicato di seguito: -

$(document).ready(function() { 
    $('#test').click(function(){ 
     var thirdData = $(this).closest('tr').children('td:eq(2)').text(); 
     alert(thirdData); 
    }); 
}); 

questo risolverà il problema.

Answer 6

risposta per il titolo:

$("#tableId tr td:nth-child(3)").html();