计算div'的数量；使用jquery在每个容器中创建

我试图找出如何计算“bar”容器中div的数量，然后将该数量作为一个类添加。例如，在第一个项目class=“bar 3”和第二个项目class=“bar 2”中

---

写这篇文章时，我意识到您正在使用多个名为

项的
ID
。这是无效的
HTML标记
，jQuery可能只返回第一次出现的内容。将ID替换为类并使用
$（'.item'）
在jQuery 1.4中，可以将函数用作
.addClass（）
参数：

$('.bar').addClass(function() {
    return $(this).children('div').length;
});

请注意，如果您计划使用类中的数字来设置容器的样式，那么它将不起作用。CSS类名不能是（或以）数字开头。我知道。这只是jQuery中的简化代码。no
.count（）
。使用
.size（）
或直接使用
.length
属性。
$('#item').each(function(i, elem){
    var $this = $(this),
        len = $(this).find('.bar').children('div').length;

    $this.addClass('bar ' + len);
});

$.each($(".item"), function(i, d) {
    var count = $(d).find(".bar div").length;
    $(d).addClass("bar_" + count);
})

$('.bar').addClass(function() {
    return $(this).children('div').length;
});