JavaScript/jQuery : get selected text's container

Question

我如何获取用户所选文本的容器 ID(例如，p 或 div 的 ID)？

我想制作所选文本的列表，用户选择文本然后单击按钮添加到列表中。当用户单击列表中的文本时，我想突出显示最初选择的位置。我需要容器的 ID，因为所选文本可能不是唯一的并且在文档中多次出现。

我得到这样的选定文本 Return HTML from a user-selected text

Answer 1

这是一种可以实现跨浏览器的方法(未经测试)

var getSelectionContainer = function() { 

    if (document.selection){  // IE
        return document.selection.createRange().parentElement();
    }

    var select = window.getSelection();
    if (select.rangeCount > 0) {
       return select.getRangeAt(0).startContainer.parentNode;
    }
};

Demo

(选择 5 秒前的一些文本，然后在控制台中查看)

链接

MDN window.getSelection

MDN selection.getRangeAt

MDN range.startContainer

MDN selection.rangeCount