Javascript 在鼠标上下移动时获取动态生成的子div的索引值

我正在处理一个生成动态DOM结构的页面，该DOM中的div包含文本。我想创建一个jQuery或JavaScript函数，这样当用户从页面中选择一些文本时，包含文本的div索引应该存储在mouse-down和mouse-up事件的变量中。我已经创建了以下fiddle，它是我想要的原型，但我希望我的函数更通用，即在任何页面容器中，当用户选择文本时，它应该给我初始div索引和最终div索引。还有一件事是，在DOM结构中，只有id为viewer的div不是动态的，其他任何东西都是动态的

这是小提琴

以及我的页面的DOM结构：

<div id="viewer">
    <div id="pageContainer1" >
        <canvas id="page1" ></canvas>
        <div class="textLayer">
            <div>......some text here....</div>
            <div>......some text here....</div>
            <div>......some text here....</div>
        </div>
    </div>

    <div id="pageContainer2" >
        <canvas id="page2" ></canvas>
        <div class="textLayer">
            <div>......some text here....</div>
            <div>......some text here....</div>
            <div>......some text here....</div>
        </div>
    </div>

    <div id="pageContainer3" >
        <canvas id="page3" ></canvas>
        <div class="textLayer">
            <div>......some text here....</div>
            <div>......some text here....</div>
            <div>......some text here....</div>
        </div>
    </div>
</div>

---

你的小提琴有语法错误。请修复它们…可能的副本