1

我正在将纯 JS 文本高亮脚本转换为 jQuery，但我试图弄清楚 jQuery 等价于什么insertNode：

var selection = window.getSelection().getRangeAt(0);
var selectedText = selection.extractContents();
var span = document.createElement("span");
span.style.backgroundColor = "yellow";
span.appendChild(selectedText);
selection.insertNode(span);

我想我可以使用以下内容：

var span = $("<span class='highlight'>" + selectedText + "</span>");
selection.insertNode(span);

结果是：

NOT_FOUND_ERR: DOM Exception 8: An attempt was made to reference a Node in a context where it does not exist.
4

3 回答 3

3

我不认为 jQuery 可以对选择进行操作，您必须使用常规的 JS 方法。你得到一个错误，因为你span是一个 jQuery 对象，而不是一个节点。

此外，selection.extractContents()将返回 DocumentFragment，而不是字符串。所以试试这个：

var selection = window.getSelection().getRangeAt(0);
var selectedText = selection.extractContents();
var span = $("<span class='highlight'>" + selectedText.textContent + "</span>");
selection.insertNode(span[0]); // pass the first node in the jQuery object
于 2013-03-05T21:29:13.933 回答
0

使用 prepend() 或 append() 或 insertAfter() 或 insertAt()

$(选择).append();

于 2013-03-05T21:28:06.313 回答
0

您要插入元素，而不是 jQuery 对象：

selection.insertNode(span[0]);
于 2013-03-05T21:30:48.333 回答