Javascript 如何计算div'；一个类的子类，它们是container div'；是一个班的吗？

我想计算每个容器中（'.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>

你会怎么做？你需要身份证还是只需要上课就可以了？ 我想找到一个干净的方法。 非常感谢

$（“.container”）。每个（函数（i，obj）{
$('.container').each(function(i, obj){
    var children = $(this).find('.child').length;
    $('<p>' + children + ' elements.</p>').appendTo( $(this) );
});

var children=$（this.find（'.child'）.length；
$（“”+children+”元素。
”）.appendTo（$（this））；
});

$（'.container'）。每个（函数（i，obj）{
var children=$（this.find（'.child'）.length；
$（“”+children+”元素。
”）.appendTo（$（this））；
});

使用.length获取其源的计数

例如

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

---

使用.length获取其源的计数

例如

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

---

下面是一个简单的例子，可以处理您正在寻找的内容

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>

$（函数（）{
$（'.container'）。每个（函数（）{
var count=0，child=$（this.find（'.child'）；
如果（子项长度>0）{
计数++；
child.each（函数（）{
$（this）.text（'这是子编号'+计数）；
计数++；
});
}
});
});

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>

---

这里有一个简单的例子，可以处理您正在寻找的内容

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>

$（函数（）{
$（'.container'）。每个（函数（）{
var count=0，child=$（this.find（'.child'）；
如果（子项长度>0）{
计数++；
child.each（函数（）{
$（this）.text（'这是子编号'+计数）；
计数++；
});
}
});
});

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>

检查此项

您不需要额外的东西来提供上面的html结构

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

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

$（'.container'）。每个（函数（）{
$（this）.prepend（'No of children:'
+$（this.find（'div.child'）.size（）
+'');
});

检查此项

您不需要额外的东西来提供上面的html结构

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

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

$（'.container'）。每个（函数（）{
$（this）.prepend（'No of children:'
+$（this.find（'div.child'）.size（）
+'');
});

您好，谢谢您的回复。那是为了我。“我”和“obj”呢？它们没有被使用。谢谢你的帮助没问题。传递给

$.fn中函数参数的两个参数分别是（1）索引号和（2）正在操作的元素（相当于
此
）。我只是出于习惯才把它们包括进来。嗨，谢谢你的回复。那是为了我。“我”和“obj”呢？它们没有被使用。谢谢你的帮助没问题。传递给
$.fn中函数参数的两个参数分别是（1）索引号和（2）正在操作的元素（相当于
此
）。我只是出于习惯才把它们包括进去。