javascript - Javascript / Jquery:要素内のcharのインデックスを取得

Question

要素内の char のインデックスを取得する簡単な方法はありますか? たとえば、下の最初のスパンを見ている場合、最初の文字が li 内の 7 番目の文字であることを知りたいと考えています。要素内の文字 (テキストノードなし) についてこれを知る必要があるだけですが、テキストノードが存在する場合があり、それらの文字は「カウント」されます。

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

編集: 上記の要素に ID を追加しました。次のようなもの：

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

文字は一意ではないことに注意してください。数字を使用しましたが、任意のテキストにすることができます。