javascript - jQuery/JavaScript - 计算多个父元素中的子元素

Question

我正在创建一个应用程序目录，每个应用程序都有自己的评论，这些评论在用户打开它们之前是隐藏的。我想显示每个应用程序当前包含的评论数，但我只能让它显示页面上的评论总数(有关基本示例，请参见 JSFiddle:http://jsfiddle.net/9M4nw/2/)。理想情况下，它应该在顶部框中显示 2，在底部框中显示 4。我想我可能需要使用数组或类似的东西？

这是我的代码:

HTML

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

jQuery

$(".parent").each(function(index){
    var numChilds = $(".child").length;
    $(".parent").append(numChilds);
});

Answer 1

您必须选择当前的 HTML 元素(具有 parent 类)。然后，您将使用它来选择类为 .child 的元素的长度和 .counter 的 html。

使用 $(this) 您可以从 each() 函数中选择当前的 HTML 元素。 更正后的代码:

$(".parent").each(function(){
    var numChilds = $(".child", $(this)).length;
    $(".counter", $(this)).html(numChilds);
});

JSFIDDLE