jQuery : Compter le nombre d'éléments d'une liste ?

Question

J'ai une liste qui est générée à partir d'un code côté serveur. Avant d'y ajouter des éléments supplémentaires avec jQuery, je dois déterminer combien d'éléments s'y trouvent déjà.

<ul id="mylist">
    <li>Element 1</li>
    <li>Element 2</li>
</ul>

Answer 1

Essayez :

$("#mylist li").length

Simple curiosité : pourquoi avez-vous besoin de connaître la taille ? Vous ne pouvez pas simplement utiliser :

$("#mylist").append("<li>New list item</li>");

?

Answer 2

var listItems = $("#myList").children();

var count = listItems.length;

Bien sûr, vous pouvez condenser cela avec

var count = $("#myList").children().length;

Pour plus d'aide avec jQuery, http://docs.jquery.com/Main_Page est un bon point de départ.

Answer 3

Vous obtenez le même résultat en appelant la méthode .size() ou la propriété .length, mais la propriété .length est préférable car elle n'a pas la surcharge d'un appel de fonction. Donc la meilleure solution :

$("#mylist li").length

Answer 4

Je pense que ça devrait le faire :

var ct = $('#mylist').children().size();

Answer 5

Et bien sûr les suivantes :

var count = $("#myList").children().length;

peut se résumer à : (en supprimant le 'var' qui n'est pas nécessaire pour définir une variable)

count = $("#myList").children().length;

---

mais celle-ci est plus propre :

count = $("#mylist li").size();