問(wèn)題描述

整段代碼是通過(guò)js動(dòng)態(tài)添加到頁(yè)面中的,當(dāng)b發(fā)生變化的時(shí)候如何獲取a在頁(yè)面所有a中是第幾個(gè)(位置)?

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

問(wèn)題解答

沒(méi)太明白什么意思

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

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

其中的 this 是所改變的 b

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

既然是動(dòng)態(tài)追加的，為什么不在添加到 dom 之前就給一個(gè)標(biāo)識(shí)呢？比如：

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

這樣當(dāng) b 發(fā)生變化，直接取得父級(jí)的 index 屬性就好了