Comment obtenir des données de la 5ème cellule d'une ligne de table HTML en utilisant jQuery

Question

Je code qui fonctionne très bien:

var myValue = $(this).parents('tr:first').find('td:first').text(); 

est là de toute façon à obtenir quelque chose comme ce travail que le code ci-dessous doesn "T travail: .

var myValue2 = $(this).parents('tr:first').find('td:fifth').text(); 

comme vous pouvez le voir, je suis en train d'obtenir la 5ème colonne de la ligne

Answer 1

utilisation :eq:

var myValue2 = $(this).parents('tr:first').find('td:eq(4)').text(); 

Si $(this) fait référence à un élément dans la même ligne que les cellules que vous essayez de sélectionner, vous pouvez réduire légèrement, en utilisant closest:

var myValue2 = $(this).closest('tr').find('td:eq(4)').text(); 

Answer 2

En jQuery, :first est un raccourci pour :eq(0); il n'y a pas de pseudo-classe nommée :fifth. Vous pourriez être en mesure de faire quelque chose comme:

var myValue2 = $(this).parents('tr:first').find('td:nth-child(5)').text(); 

Et je pense que vous pouvez combiner les deux:

var myValue3 = $(this).parents('tr:first td:nth-child(5)').text();