jquery - 查找特定元素中有多少个类

Question

我得到了这段代码:

$(document).ready(function () {
    $('.parent >' + '.child').each(function() {
        console.log($(this).length);
    });
});

我正在尝试记录 parent 类中有多少个 child 类。

这是我的 html 代码的样子:

<div class="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>

预期输出:

5

实际输出:

1
1
1
1
1

Answer 1

只是

var elementsLength = $('.parent > .child').length

当你迭代时，你得到每个元素的长度，这是 1，因为它一次是一个元素

编辑:

我有点迷茫，但根据下面的评论，类似

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

    var elementsLength = $(this).children('.child').length

    if (elementsLength > 12) $(this).hide();

});

FIDDLE

再次编辑:

只 overflow hidden 的元素更容易

$('.parent .child:gt(12)').hide();

FIDDLE