Problème sélecteur jQuery

Résolu
Yelem's Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -  
Yelem's Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Je commence à programmer en jQuery depuis peu mais je n'arrive pas à comprendre comment sélectionner un élément html parmi d'autres. Par exemple, dans une liste à puce, je voudrais effectuer une action sur la deuxième ligne uniquement mais le sélecteur $('li')[1] ne veut pas fonctionner ... Quelle est la bonne syntaxe ?? Voici un code d'exemple :

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta charset='utf-8' />
</head>
<body>
<ul>
<li>Première ligne</li>
<li>Seconde ligne</li>
<li>Troisième ligne</li>
<li>Quatrième ligne</li>
</ul>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>
<script>
$(function(){
$('li')[0].css('color','red');
});
</script>
</body>
</html>

Merci de votre aide

1 réponse

animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
salut fait plutot

$(function(){
$("li:eq(0)").css("color","red");
});

mettra le 1er li en rouge
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
0
Yelem's Messages postés 2 Date d'inscription   Statut Membre Dernière intervention  
 
Super, ça fonctionne. Merci beaucoup.
0