Sélectionnez le 3ème <td> en utilisant jQuery?

Question

J'ai une table une rangée et plusieurs tds dans cette ligne, comme ça:

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

Je suis en mesure d'obtenir la tr mère de tous les tds, mais est-il un moyen d'obtenir la 3e td à l'intérieur du tr seulement?

Le code pour obtenir le tr est:

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

Merci

Answer 1

Vous pouvez utiliser sélecteur :eq:

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

Ou:

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

Answer 2

Utilisez le: eq fonctionner en jQ uery: http://api.jquery.com/eq/

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

Answer 3

Essayez avec cette

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

Answer 4

Essayez comme ceci:

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

Answer 5

c'est le meilleur et le plus simple code. Vous pouvez cliquer sur le bouton dans cette ligne puis il vous montrera la valeur thrid. si cette table:

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

puis en javascript lier avec le bouton événement click comme indiqué ci-dessous: -

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

cela va résoudre le problème.

Answer 6

réponse pour le titre:

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