jquery: premier problème de boucle de sélecteur

Question

$(".wrap table tr:first").addClass("tr-top"); 

Cela fonctionne pour la première table, mais j'ai beaucoup de tables sous le div .wrap. que devrais-je faire? Merci!

Answer 1

Dans votre exemple, cette ligne retourne la première dans l'ensemble de tous les éléments tr trouvés.

$(".wrap table tr:first").addClass("tr-top"); // First <tr> of all that are found 

Donc, si vous avez 3 table éléments, il ne retournera le premier tr de la première table, puisque ce sera le premier élément tr adapté.

Si vous voulez la première tr pour chaque table, vous avez besoin first-child:

$(".wrap table tr:first-child").addClass("tr-top"); // First <tr> for each <table> 

... qui retournera chaque tr qui est un premier enfant de son parent.

http://api.jquery.com/first-selector/

http://api.jquery.com/first-child-selector/

Answer 2

Cela devrait fonctionner. Chacun boucle à travers chaque table dans .wrap.

$('.wrap table').each(function() { 
    $('.wrap table tr:first').addClass('tr-top'); 
}}; 

http://api.jquery.com/each/