javascript - 在 JavaScript 或 JQuery 中获取文本节点的子索引

我需要弄清楚如何在可能混有其他元素的父级内的文本元素的子级编号。这是一个示例案例:

<p>
    Here is a picture of something:
    <img src="something.png"/>
    Now on to other things, like <span id="highlight">this</span> thing.
</p>

我想获取 <span> 元素的子编号，应该是 3(基于 0 的计数)。我该怎么做？使用 JQuery 的 index() 不起作用，因为它只计算元素而不是文本，在这种情况下会给出 1。感谢您花时间看这个。

最佳答案

function getIndex(node) {
    var n = 0;

    while (node = node.previousSibling)
        n++;

    return n;
}

var idx = getIndex(document.getElementById("highlight"));

关于javascript - 在 JavaScript 或 JQuery 中获取文本节点的子索引，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16452127/