javascript - Comment obtenir le numéro de l'élément parent d'un futur élément parmi tous les mêmes éléments de la page?

Question

L'intégralité du code est ajoutée dynamiquement à la page via js. Lorsque b change, comment obtenir la position (position) de a parmi tous les a sur la page ?

<p class="a">
    <p class="b"></p>
</p>

Answer 1

Je ne comprends pas très bien ce que cela signifie

Si le nom de classe de a est inchangé, utilisez directement jQuery

$(".a").index(this.parent())

où est le b modifié

Answer 2

[...document.querySelector('.b').parentNode.parentNode.children].indexOf(document.querySelector('.b').parentNode)

Answer 3

Puisqu'il est ajouté dynamiquement, pourquoi ne pas lui donner un identifiant avant de l'ajouter au dom ? Par exemple :

<p class="a" index="1">
    <p class="b"></p>
</p>
<p class="a" index="2">
    <p class="b"></p>
</p>
...

De cette façon, lorsque b change, obtenez simplement l'attribut d'index du parent directement