0

我想计算每个容器中 ('.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还是可以只用类来完成?我想找到一种干净的方式来做这件事。非常感谢提前

4

4 回答 4

2
$('.container').each(function(i, obj){
    var children = $(this).find('.child').length;
    $('<p>' + children + ' elements.</p>').appendTo( $(this) );
});
于 2012-04-07T16:21:27.417 回答
2

使用 .length 获取其来源的计数

例子...

alert($('.container').children().length);
于 2012-04-07T16:23:15.360 回答
1

这是一个简单的示例,可以处理您要查找的内容

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>
于 2012-04-07T16:30:24.183 回答
1

检查这个小提琴

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

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

    $(this).prepend('<label> No of children:'
                    +$(this).find('div.child').size()
                    +'</label>');
  });
于 2012-04-07T16:46:09.637 回答