Jquery - 另一个动态div计数器内的动态div计数器

Question

这是一个稍微不同寻常的一个，我似乎无法理解所需的逻辑。

我有一个动态添加的div，它有一个相关联的计数器，因为它可以多次创建，并且所有都需要为输入唯一引用。

在这些div中，是另一组动态创建的div，需要再次单独计算输入。这些内部div必须有一个到主div的本地计数器，例如：

<div id="master1">
    <div id="master1sub1">
    <div id="master1sub2">
    <div id="master1sub3">
</div>
<div id="master2">
    <div id="master2sub1">
    <div id="master2sub2">
</div>

由于我无法预测每个主人会有多少主人和多少人，我不确定如何动态计算这些主人。

有人可以帮忙吗？

亲切的问候， Eamon

Answer 1

你可以像这样循环它们：

$("[id^=master]").each(function() {
    //looping parent divs
    $(this).children("div").each(function() {
        //looping sub divs
    });
});

理想情况下，您只需向所有父母添加一个公共类，例如class="parent-counter"和所有子计数器的类（class="child-counter"），他们就这样计算