Javascript / Jquery：获取元素内char的索引

Question

是否有一种简单的方法来获取元素内char的索引？ 例如，如果我正在查看下面的第一个跨度，那么我想知道它的第一个字符是li内的第七个字符。 我只需要知道元素中的字符（没有textnodes）的字符，但是可能会有textnode，它们的字符“计数”。

<li id = "li">
    <p>0123</p>
    <div>4
      <span id = "span">5</span>
      <span>67</span>
    </div>
    8
</li>

编辑：将ID添加到上述元素。 然后是这样的：

index = getIndexOfFirstChar($("#span"), $("#li"))

请注意，字符不是唯一的。 我使用数字，但是可以是任何文本。

Answer 1

您可以通过使用的混合做到这一点.text()获得无HTML内部文本）， .replace()删除空格）和.indexOf()来获得指标：

var clearTextWithNoWhitespace = $('li').text().replace(/\s+/g, '');
var index = clearTextWithNoWhitespace.indexOf('5');

console.log(clearTextWithNoWhitespace); //012345678
console.log(index); //5

JSFiddle演示

如果要包含空格：

var index = $('li').text().indexOf('5');
console.log(index); //22

JSFiddle演示