n
Permet de récupérer un élément d'une sélection ou de compter le nombre d'éléments d'une sélection.
Utilisé sans paramètre, la fonction n() renvoie le nombre d'éléments sélectionnés.
Avec un paramètre, la fonction récupère l'élément dont la position dans la sélection correspond au paramètre fourni et retourne une sélection contenant uniquement cet élément.
Les éléments sont numérotés à partir de 0, le paramètre (si fourni) doit donc être un nombre entier supérieur ou égal à 0 et strictement inférieur au nombre d'éléments contenus dans la sélection. Pour toute autre valeur, la fonction retournera la constante undefined.
Supposons la structure suivante :
<body>
<div>Div 1</div>
<div>Div 2</div>
<div>Div 3</div>
<div>Div 4</div>
</body>
var nombre=$('div').n(); // nombre vaut 4 car il y a 4 éléments dans la sélection
var contenu;
contenu=$('div').text(); // contenu vaut "Div 1" car seul le contenu du premier élément sélectionné est retourné
contenu=$('div').n(2).text(); // contenu vaut "Div 3" car la fonction text est appliquée à la sous-sélection contenant uniquement l'élement n°2 de la première sélection et que la numérotation commence à 0
contenu=$('div°3').text(); // Le signe ° permet d'appliquer la fonction n directement dans la sélection, ici contenu vaut "Div 4"
$('div').css('color:red'); // La propriété color:red est appliquée à tous les <div>
$('div').n(0).css('color:red'); // La propriété color:red est appliquée uniquement au premier <div>
$('div°0').css('color:red'); // La propriété color:red est appliquée uniquement au premier <div>
$('div°').css('color:red'); // La propriété color:red est appliquée uniquement au premier <div> (si le nombre est omis après le signe ° alors le premier élément de la sélection est retourné