替換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"));