javascript - Wie erhalte ich die Nummer des übergeordneten Elements eines zukünftigen Elements unter allen gleichen Elementen auf der Seite?

Question

Der gesamte Code wird dynamisch über js zur Seite hinzugefügt. Wenn sich b ändert, wie erhält man dann die Position (Position) von a unter allen a auf der Seite?

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

Answer 1

没太明白什么意思

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

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

其中的 this 是所改变的 b

Answer 2

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

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 属性就好了