Comment utiliser jQuery pour afficher les 8 premiers éléments?

Question

J'ai une liste d'articles (<li>), quelque chose comme 50 d'entre eux, et je veux montrer seulement les 8 premiers articles ... Comment puis-je faire cela?

Answer 1

Utilisez the less-than selector pour sélectionner tous les éléments de la liste dont l'index est inférieur à 8 (l'index 8 est le neuvième élément de la liste). Montrez-leur:

$("#mylist li:lt(8)").show(); 

(prend votre liste - ol ou ul - a un id de mylist, ajuster en conséquence)

Vous devrez peut-être de le faire en deux étapes, si certains éléments de la liste sont d'abord visibles :

$("#mylist li") // select all list items 
    .hide() // hide them 
    .filter("li:lt(8)") // now select just the first eight 
    .show(); // ...and show them. 

(en fait, cela est trop tuer à moins que certains éléments sont présentés et certains sont cachés - si vous savez pertinemment que tous les éléments sont d'abord visibles, vous pouvez utiliser the greater-than selector pour masquer simplement éléments avec index et 8 ci - as Corey demonstrates)

Answer 2

$("li:lt(8)").show(); 

Ceci sélectionne les 8 premiers éléments li. Le: li sélectionne les éléments avec un indice inférieur au nombre choisi.

Answer 3

$ ("li: lt (8)") le: lt sélectionne tous les éléments li avec indice inférieur à 8

Answer 4

$('li:gt(7)').hide(); 

Vous utilisez 7 parce qu'il est un indice zéro.