comment puis-je sélectionner seulement le 3ème (ou un autre numéro de mon chioce) li élément avec jquery? par ex: comment puis-je changer l'arrière-plan du troisième li seulement avec jquery. toute aide s'il vous plaîtsélectionnez seulement le troisième li
Comment sélectionner seulement 3 (
Utilisez la méthode eq comme ceci:
$('li').eq(2).css('background', 'yellow');
Ou vous pouvez utiliser cette variante du :eq sélecteur de filtre:
$('li:eq(2)').css('background', 'yellow');
L'indexation commence à partir de 0, vous devez spécifier 2 pour sélectionner en fait le troisième li
Si toutefois vous voulez sélectionner chaque troisième élément, vous devez utiliser nth-child comme ceci:
$('li:nth-child(3n)')
L'indice nth-child commence à partir de 1 cependant.
Si vous avez besoin du troisième li sur toutes les listes, utilisez nth-child:
$('li:nth-child(3)')
Par curiosité, je dupé un peu avec le sélecteur. Il s'avère que l'utilisation de 'slice' et act et de l'ensemble du wrappet est plus rapide que l'utilisation de' nth-child'. http://www.jsfiddle.net/qbDKN/13/ – jAndy
@jAndy: C'est un travail intelligent :) – Sarfraz
@jAndy - Je reçois des résultats opposés, avec 'eq' presque deux fois plus lent. Souvenez-vous que 'nth-child' est un sélecteur CSS, et est implémenté nativement par certains navigateurs. – Kobi