jquery - 如何统计不同列表中的 child 数量？ [jQuery]

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

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