没太明白什么意思

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

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

其中的 this 是所改变的 b

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

既然是动态追加的，为什么不在添加到 dom 之前就给一个标识呢？比如：

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

这样当 b 发生变化，直接取得父级的 index 属性就好了