Question

我正在尝试计算某个类别的子元素数量。

情况就是这样：

<ul id="select_cat">
  <li id="_1">Category 1 (<span>#</span>)</li>
  <li id="_2">Category 2 (<span>#</span>)</li>
</ul>

<ul id="cat_1>
  <li>Link 1</li>
  <li>Link 2</li>
  <li>Link 3</li>
</ul>

<ul id="cat_2">
  <li>Link 1</li>
  <li>Link 2</li>
</ul>

所以我想计算一个类别的孩子数量。在这个例子中，第一个基数符号应该是3，第二个应该是2。

如何使用jQuery执行此操作。

Check an example (not jQuery)

谢谢！

Answer 1

示例：

$("#cat_2").children("li").length

我有一种感觉，这个问题想要问更多。无论如何，它只是将它连接到一些启发式。例如。使用each迭代“select_cat”元素，并使用其ID /位置/名称计算上述类别中的元素，然后在范围上使用text（与find/child隔离）等等。

我的两分钱：我让服务器去做。

Answer 2

$('#select_cat li').each(function() {
 $('span', this).text($('#cat' + this.id).children().length);
});

Answer 3

您可以执行以下任一操作：

alert($("#cat_1").children("li").length);
alert($("#cat_1").children("li").size());

Answer 4

  $("#select_cat li").each(function(){
    $("span", this).html(
      $("#cat" + $(this).attr('id')).children().size();
    );
  });

如何统计来自不同名单的孩子？ [jQuery的]

4 个答案: