如何使用 jQuery 选择文本

Question

如何通过jQuery选择文本的一部分并进行处理？例如，我有一个文本

<div id="test">This is an example text here</div>

我用鼠标选择了几个词（不是整个 div），并想#test在

<div id="target"></div>

Answer 1

如果您的意思是选择文本，则将其显示到元素中。

var selectedText;

if(window.getSelection)
{
    selectedText = window.getSelection();
}
else if(document.getSelection)
{
    selectedText = document.getSelection();
}
else if(document.selection)
{
    selectedText = document.selection.createRange();
}

$('#target').text(selectedText.toString());

或者通过典型地将元素文本显示到另一个元素中，然后使用：

$('#target').text($('#test').text());

Answer 2

就是这样。以下内容适用于所有主要浏览器，包括 IE 6。

function getSelectedText() {
    var selectedText = "", sel;
    if (window.getSelection) {
        selectedText = "" + window.getSelection();
    } else if ( (sel = document.selection) && sel.type == "Text") {
        selectedText = sel.createRange().text;
    }
    return selectedText;
}

$('#target').text( getSelectedText() );