javascript - jQuery 查找子级并按顺序赋值

Question

我有以下代码:

<div class="A1">
    <div class="child">A1-1</div>
    <div class="child">A1-2</div>
    <div class="child">A1-3</div>
    <div class="child">A1-4</div>
    <div class="A2">
        <div class="child">A2-1</div>
        <div class="child">A2-2</div>

        <div class="A3">
            <div class="child">A3-1</div>
            <div class="child">A3-2</div>
        </div>
    </div>
</div>

我想知道如何根据顺序为 class .A1 的每个子级分配值。因此，如果 A1-1 是第一个(如代码中所示)，它将被分配:1 如果我重新排序:

<div class="child">A1-3</div>
<div class="child">A1-2</div>
<div class="child">A1-1</div>
<div class="child">A1-4</div>

那么现在 A1-1 的值为 3。 有什么想法吗？

Answer 1

$('.A1').children().each(function (index,element) {
    $(element).html('A1-' + (index + 1));
});