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>

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

谁能帮忙？

亲切的问候， 埃蒙

Answer 1

你可以像这样循环它们：

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

理想情况下，您只需为所有父级添加一个公共类，例如class="parent-counter"，并为所有子计数器添加一个类 (class="child-counter")，然后它们以这种方式计算它们