javascript - 如何取得未來元素的父元素在頁面中所有相同元素中是第幾個?

Question

整段程式碼是透過js動態加入到頁面中的,當b發生變化的時候如何取得a在頁面所有a中是第幾個(位置)?

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

Answer 1

沒太明白什麼意思

如果 a 的 class 名是不變的，直接使用 jQuery

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

其中的 this 是改變的 b

Answer 2

雷雷

Answer 3

既然是動態追加的，為什麼不在加到 dom 之前就給一個標識呢？如：

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

這樣當 b 發生變化，直接取得父級的 index 屬性就好了