javascript - Bagaimana untuk mendapatkan nombor elemen induk unsur masa depan di antara semua elemen yang sama pada halaman?

Question

Keseluruhan kod ditambah secara dinamik pada halaman melalui js Apabila b berubah, bagaimana untuk mendapatkan kedudukan (kedudukan) a antara semua a pada halaman?

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

Answer 1

Saya tidak begitu faham maksudnya

Jika nama kelas a tidak berubah, gunakan jQuery terus

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

di mana ini adalah perubahan b

Answer 2

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

Answer 3

Memandangkan ia ditambahkan secara dinamik, mengapa tidak berikan pengecam sebelum menambahkannya pada dom? Contohnya:

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

Dengan cara ini, apabila b berubah, dapatkan terus atribut indeks ibu bapa