javascript - 如何计算一类的 div，即一类的容器 div 的子级？

Question

我想计算每个容器中 ('.child') 的数量，并在每个容器中附加一个包含计数的句子。

<div class='container'>
     <div class='child'></div>
     <div class='child'></div>
     <div class='child'></div>
     <div class='child'></div>
</div>

<div class='container'>
     <div class='child'></div>
     <div class='child'></div>
</div>

你会怎么做？您需要 id 还是仅通过类即可完成？我想找到一种干净的方法来做到这一点。提前非常感谢

Answer 1

$('.container').each(function(i, obj){
    var children = $(this).find('.child').length;
    $('<p>' + children + ' elements.</p>').appendTo( $(this) );
});