替换p标签内的选定文本

Question

我正在尝试替换p标记中的选定文本。我已经处理了换行情况，但是由于某些原因，选定的文本仍然没有被替换。这是html代码。

 <p id="1-pagedata">
(d) 3 sdsdsd random:  Subject to the classes of this random retxxt wee than   dfdf month day hello the tyuo dsds in twenty, the itol ghot qwerty ttqqo   
</p>

这是JavaScript代码。

 function SelectText() {
 var val = window.getSelection().toString();
 alert(val);
$('#' + "1-pagedata").html($('#' + "1-pagedata").text().replace(/\r?\n|\r/g,""));
$('#' + "1-pagedata").html($('#' + "1-pagedata").text().replace(/[^\x20-\x7E]/gmi, ""));
$('#' + "1-pagedata").html($('#' + "1-pagedata").text().replace(val,"textbefore" + val + "textAfter"));
}

$(function() {
   $('#hello').click(function() {
      SelectText();
   });
});

我还创建了一个jsfiddle代码。 https://jsfiddle.net/zeeshidar/w50rwasm/有什么想法吗？

Answer 1

您可以简单地执行$("#1-pagedata").html('New text here');

Answer 2

由于您的p不包含HTML而是仅包含纯文本，因此您可以同时使用html()或text()作为getter和setter。

另外，借助jQuery Chaining，您可以在一条语句中完成所有替换操作。 因此，假设您的RegExp和替换值正确，请尝试：

var $p = $('#1-pagedata');
$p.text($p.text().replace(/\r?\n|\r/g,"").replace(/[^\x20-\x7E]/gmi, "").replace(val,"textbefore" + val + "textAfter"));