jQuery calculer le nombre d'éléments de liste, puis multiplier par le nombre et défini comme la largeur

Question

Je suis en train de définir une largeur dynamique ul.sections en vérifiant combien existe li's et multiplier par la largeur de la li ($("ul.sections").width()), qui dans ce cas arrive à être 910px.

Je ne suis pas sûr comment retourner le nombre actuel d'éléments de liste visibles. Peut-être quelque chose comme ça?

$('ul.sections').width($("ul.sections li").length() * $("ul.sections li").width()); 

Ce qui évidemment ne fonctionne pas encore. Des idées?

Answer 1

.length est une propriété non une méthode, il suffit d'utiliser $("ul.sections li").length comme ceci:

$('ul.sections').width($("ul.sections li").length * $("ul.sections").width()); 

Si vous avez plusieurs sections, ce serait la version jQuery 1.4+:

$('ul.sections').width(function(i, w) { return $(this).find('li').length * w; }); 

Answer 2

il y a un :visible jQuery Selector

pour obtenir tout visible <li> dans ul.sections

$("ul.sections li:visible") 

maintenant vous pouvez définir votre largeur

$("ul.sections").width($("ul.sections li:visible").length * $("ul.sections").width())); 

Answer 3

utilisation size()

http://api.jquery.com/size/