javascript - 替换p标签内的选定文本

我正在尝试替换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/
有任何想法吗？

最佳答案

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