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) );
});

Answer 2

使用.length来计算其来源

...示例

alert($('.container').children().length);

Answer 3

这是一个应该处理你要找的东西的简单例子

<强>的jQuery

<script>
    $(function(){
        $('.container').each(function(){
            var count=0,child=$(this).find('.child');
            if(child.length>0) {
                count++;
                child.each(function(){
                    $(this).text('This is child number '+count);
                    count++;
                });
            }
        });
    });
</script>

<强> HTML

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

Answer 4

检查此fiddle

你不需要额外的东西给出上面的html结构

  $('.container').each(function(){

    $(this).prepend('<label> No of children:'
                    +$(this).find('div.child').size()
                    +'</label>');
  });

如何计算一个类的div，即一类容器div的子类？

4 个答案: