计算元素数，然后分配类

Question

是否有一种方法可以计算出另一个元素中有多少个元素，然后根据这个数字向子元素输出一个类？

例如；

<ul class="paging">

    <li><a href="#">content</a></li>
    <li><a href="#">content</a></li>
    <li><a href="#">content</a></li>
    <li><a href="#">content</a></li>

</ul>

由于有4个list元素，每个list元素将被分配一个list-4类或类似的类。如果有5 list-5等。

Answer 1

是。

   $('.paging').each(function() {
      var listElements = $(this).children('li');
      var listCount = listElements.length //get number of list elements
      listElements.each(function() {
           $(this).addClass('list-' + listCount);
       });
    });

Answer 2

您可以使用jQuery来计算.length对象的长度。对于您的示例，以下内容将起作用：

$('.paging').each(function() { 
    var children = $(this).children('li');
    children.addClass('list-'+children.length);
});

由于我们使用children()，这将只包括直接子元素(即<li>元素中的任何内容都将被忽略)。

jsFiddle演示