Question

我试图创建一个元素（ul），宽度可以根据此（ul）中包含的元素（li）的数量而改变。我使用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

Answer 1

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/

Jquery精确计算li元素

1 个答案: