2012-04-27 5 views
1
<!DOCTYPE html> 
<html> 
<head> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 
<body> 
<p class="myChild">one</p> 
<p class="myChild">two</p> 
<p class="myChild">three</p> 

<script> 
$(document).ready(function(){ 
//code that selects the second and the third myChild class name 

}); 
</script> 
</body> 
</html> 

ici j'ai 3 balises p avec classe myChild, je veux choisir le deuxième et le dernier en utilisant jQuery pour le faire, et savoir comment manipuler avec cettecertaines classes avec jQuery

+0

http://api.jquery.com/eq - ou d'attribuer simplement des ID uniques à ces éléments. – Blazemonger

+0

Indice @Blazemonger ne va guère l'aider à atteindre cet objectif. – GillesC

Répondre

1

Utilisez slice() pour sélectionner un sous-ensemble des résultats:

$(".myChild").slice(1); 

Cela supprime le premier élément myChild et retourner le reste.

Example fiddle


Si vous souhaitez spécifier un point de départ et la fin de tranche à vous fournissent deux paramètres:

$(".myChild").slice(1,3); 

Another fiddle

1

il suffit d'utiliser le filtrait pas et laissez-passer Eq (0) qui est en train d'enlever le premier résultat

$('.myChild').not(':eq(0)'); 

ou pour le chemin le plus court et en utilisant uniquement le moteur sélecteur

$('.myChild:not(:eq(0))') 

Fiddle ici http://jsfiddle.net/D5Ngh/

0

Si vous vérifiez pour le reste, sauf première, vous pouvez utiliser :not(0)

Demo

0

$(".myChild") renverra un HTMLCollection (un peu comme un tableau) d'objets - vous pouvez itérer par ceci ou directement référencer des positions dans cette collection. par exemple. $(".myChild").eq(1) pour les articles 2 et $(".myChild").eq(2) pour le 3ème article.

Questions connexes