Problème sélecteur jQuery

Résolu/Fermé
Yelem's Messages postés 2 Date d'inscription lundi 26 avril 2010 Statut Membre Dernière intervention 25 avril 2014 - Modifié par Yelem's le 25/04/2014 à 00:39
Yelem's Messages postés 2 Date d'inscription lundi 26 avril 2010 Statut Membre Dernière intervention 25 avril 2014 - 25 avril 2014 à 02:42
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 jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 25/04/2014 à 01:28
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 lundi 26 avril 2010 Statut Membre Dernière intervention 25 avril 2014
25 avril 2014 à 02:42
Super, ça fonctionne. Merci beaucoup.
0