Question

I have the following code:

<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>

I would like to know how to assign a value to each child of class .A1 for example based on order. so if A1-1 is the first like on the code it will be assigned : 1
if I reorder it :

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

then now A1-1 will have a value of 3.
any thoughts?

Answer 1

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