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

問題描述

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

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

問題解答

沒太明白什么意思

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

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

其中的 this 是所改變的 b

[...document.querySelector(’.b’).parentNode.parentNode.children].indexOf(document.querySelector(’.b’).parentNode)回答3：

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

<p index='1'> <p class='b'></p></p><p index='2'> <p class='b'></p></p>...

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