Jquery 计算元素的数量，然后分配类

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

比如,

<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-4

或类似的内容。如果有5个

list-5

等

可以使用

.length

计算jQuery对象的长度。对于您的示例，以下操作将起作用：

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

由于我们使用了

子元素（）

，因此这将只包括直接子元素（即

元素中的任何内容都将被忽略）

---

您可以使用

.length

计算jQuery对象的长度。对于您的示例，以下操作将起作用：

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

由于我们使用了

子元素（）

，因此这将只包括直接子元素（即

元素中的任何内容都将被忽略）

---

您可以使用

.length

计算jQuery对象的长度。对于您的示例，以下操作将起作用：

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

由于我们使用了

子元素（）

，因此这将只包括直接子元素（即

元素中的任何内容都将被忽略）

---

您可以使用

.length

计算jQuery对象的长度。对于您的示例，以下操作将起作用：

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

由于我们使用了

子元素（）

，因此这将只包括直接子元素（即

元素中的任何内容都将被忽略）

是的

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

对

对

对

---

对于所问的问题是正确的，但是，这适用于同一类的多个列表。对于所问的问题是正确的，但是，这适用于同一类的多个列表。对于所问的问题是正确的，但是，这适用于同一类的多个列表。对于所问的问题是正确的，但是，这现在适用于具有相同类的多个列表。