精确计数一个li元素

Jquery Exact Count of a li elemnt

本文关键字：一个 li 元素      更新时间：2023-09-26

我试图创建一个元素(ul)，宽度可以根据元素(li)包含在这个(ul)的数量来改变。我用jquery来做到这一点，但我没有得到正确的结果，因为我犯了一个错误，我不知道如何修复它。这是我的jquery代码:

jQuery('ul.class').each(function(){
    var n = jQuery('ul.class li').length;
    console.log(n);
    jQuery(this).css('width',n*(jQuery('ul.class li').width() + 10));
    console.log(n*jQuery('ul.class li').width());
});
这段代码中的

10是每个元素的边框。

问题是在这部分var n = jQuery('ul.class li').length，我不知道如何获得ul中包含的每个li的确切计数。

li的宽度为150px 

jQuery('ul.class').each(function(){
   var n = jQuery(this).find('li').length;
   alert(n);
   jQuery(this).css('width',n*(jQuery(this).find('li').width() + 10));
   alert(n*jQuery(this).find('li').width());
});

演示:

http://jsfiddle.net/84Bv6/1/

相关文章：