contenteditable在文本範圍內選擇了哪些chlidren？

Question

所以我有多個孩子第一個CONTENTEDITABLE DIV：

<div id="editor" contenteditable="true"> 
    <p>Paragraph1</p> 
    <p>Paragraph2</p> 
    <p>Paragraph3</p> 
    <p>Paragraph4</p> 
</div> 

因此，與window.getSelection()我得到的是選擇什麼樣的文字，我知道，如果它startContainer, startOffset我能得到其中的範圍開始，endContainer, endOffset在那裏結束。 但是，如果我的選擇橫跨多個孩子段落，我怎麼知道選擇了哪些孩子？

Answer 1

你可以使用一個函數像在下面的答案和節點的陣列進行過濾，只包括<p>元素：

https://stackoverflow.com/a/7784176/96100