javascript - javascriptで文字列の位置を返すには?

Question

ユーザーがテキストを強調表示してそのテキストを返せるようにする機能を含めようとしています。#textcontainer div 内のそのテキストの場所も返したいと思います。

私の問題: ユーザーが下のテキストの 2 番目の「and」を強調表示すると、位置は 2 番目ではなく div の最初の「and」の indexOf と等しくなります。これを変更して、position が 2 番目の「and」(強調表示されているもの) の位置を返すようにするにはどうすればよいですか?

    <div id = 'textcontainer'>
        and second third and
    </div>


     // beginning of highlight js
    $('#highlight').click(function (e) {
        e.preventDefault();

        // get highlighted text
        var selection = window.getSelection();
        var txt = selection.toString();
        console.log(txt);

        fulltext = $("#textcontainer").text();
        console.log(fulltext);

        position = fulltext.indexOf(txt);
        console.log(position);

    })
  // end of highlight js