jQuery находит дочерние элементы и присваивает значение по порядку

У меня есть следующий код:

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

Я хотел бы знать, как присвоить значение каждому дочернему элементу класса .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. есть мысли?