如何计算一个班级的div，即一个班级的集装箱div的孩子？

我想计数的每个容器中的号码（“.child”）和追加一个句子与每个容器内的计数。如何计算一个班级的div，即一个班级的集装箱div的孩子？

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

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

来源

2012-04-07 16:21:27

您好感谢您的答复。那为我做了。那么“我”和“obj”呢？他们没有使用。感谢您的帮助 – alexx0186 2012-04-07 16:48:06

没问题。传递给'$ .fn.each'中函数参数的两个参数是（1）索引号和（2）被操作的元素（相当于'this'）。我真的只是把他们排除在习惯之外。 – 2012-04-07 16:59:02

使用。长度来获得它的源

例如个性化......

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

来源

2012-04-07 16:23:15 Dasarp

下面是一个简单的例子，应该处理你在找什么

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-07 16:30:24 faino

检查这个fiddle

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

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

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

来源

2012-04-07 16:46:09 sakhunzai

如何计算一个班级的div，即一个班级的集装箱div的孩子？

回答

相关问题