jQuery选择文本并在段落中添加跨度

Question

我有一个获取所选文本的函数,通过鼠标选择文本,并将其添加到变量中.我想在所选文本中的变量周围添加标签 - 在该段落中.

$("p").live("mouseup",function() {
    selection = getSelectedText();
    if(selection.length >= 3) {
        var $spn = $("<span></span>").html(selection).addClass("selected");
        $("p").wrap($spn);
    }
});

//Grab selected text
function getSelectedText(){
    if(window.getSelection){
        return window.getSelection().toString();
    }
    else if(document.getSelection){
        return document.getSelection();
    }
    else if(document.selection){
        return document.selection.createRange().text;
    }
}

我可以得到文本选择变量,但不是放置<span></span>段落中选定的文本<p>,我的函数将其包装在外面.

如何在段落中替换它？谢谢.

Answer 1

这是出错的地方:

var $spn = $("<span></span>").html(selection).addClass("selected");
$("p").wrap($spn);

这意味着你正在包裹span段落.

我认为你的意思是做这样的事情:

var spn = '<span class="selected">' + selection + '</span>';
$(this).html($(this).html().replace(selection, spn));