Navigation vers un élément spécifique avec jQuery

Question

J'ai une table, à essayer de comprendre comment naviguer à 3,35 et ajouter des colonnes. Yat-il un moyen de spécifier quels TDi voulez naviguer avec jQuery?

Merci à l'avance!

<table>
 <tbody>
   <tr>
    <td>
       <table>
          <tbody>
             <tr>
               <td><a href="">title</a></td>
               <td><a href="">rating</a></td>
               <td>language</td>
               <td>qty</td>
               <td>3.35</td>
               <td><a href="">add</a></td>
             </tr>
          </tbody>
      </table>       
   </td>
  </tr>
 </tbody>
</table>

Answer 1

Essayez le sélecteur de :nth-child():

$("tr > td:nth-child(5)")

Answer 2

Creuser: http://api.jquery.com/category/selectors/ et http://api.jquery.com/category/traversing/

Il y a plusieurs façons d'y arriver. Quoi que les gens suggéreront ici, vous le devez à vous-même d'aller à la source sur une base chose comme cela pour que vous compreniez vraiment pour l'avenir.

Answer 3

Alors que vous pouvez certainement utiliser le sélecteur nième enfant pour sélectionner le approprié élément, vous seriez mieux spécifier en fait une classe qui indique le type de données dans la colonne.

La raison est que les données de votre exemple a une signification sémantique évidente, et il est une bonne idée de représenter que dans votre structure HTML.

Ensuite, à partir de là, vous sélectionnerez en fonction de la classe, puis utilisez un sélecteur de position afin de déterminer la ligne que vous travaillez. Dans ce ce cas, il serait bon d'avoir un identifiant de ligne unique qui est stocké dans l'attribut id, ce qui rend la sélection encore plus facile, puisque vous pouvez utiliser le sélecteur id dans jQuery.

joue dans votre HTML donner un sens plus sémantique aussi bien, puisque vos lignes sont indiciative des instances de votre schéma, qui est impliqué par les classes que vous attribuez aux éléments de votre table.