Javascript Jquery li元素的精确计数

我试图创建一个元素（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的准确计数

李的宽度是150像素

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());
});

演示：

---

使用jQuery（“li”，this）.length。让我们定义要搜索的元素。非常感谢，它正在工作。所以错误是我计算了这个类中包含的li元素的全局数量？@Yazid，你能为你的问题创建fiddle吗？