Javascript 替换字符串的特定标记

我有这个JS字符串：

"<div>
  <p id='foo'>foo text</p>
  <p id='bar'>bar text</p>
  <p id='sol'>sol text</p>
</div>"

但是，我不知道如何选择条id并返回所有字符串

对于本例，我希望得到的输出如下所示：

var result = "<div><p id='foo'>foo text</p><p id='bar'>new text here</p><p id='sol'>sol text</p></div>"

var result=“
foo text
此处新文本
sol text
”

---

任何帮助都将不胜感激。

在

jQuery对象上（它不是dom元素）执行
$obj.find（'#bar'）.text（'newtext here'）

var str=“
foo text
bar text
sol text
”
var$obj=$（str）；
$obj.find（'#bar'）.text（'newtext here'））

注意：最好将解析保存在变量
$obj
中，因为如果需要在该对象上做更多的工作，您不必每次都解析它。
在
jQuery对象上（它不是dom元素）执行
$obj.find（'#bar'）.text（'newtext here'）

var str=“
foo text
bar text
sol text
”
var$obj=$（str）；
$obj.find（'#bar'）.text（'newtext here'））

注意：最好将解析保存在变量
$obj
中，因为如果需要对该对象进行更多工作，则不必每次都对其进行解析。
尝试以下方法：

var str = "<div><p id='foo'>foo text</p><p id='bar'>bar text</p><p id='sol'>sol text</p></div>",
    el = document.createElement('div');
el.innerHTML = str;
el.querySelector('#bar').textContent = "new text here";
var result = el.innerHTML;

var str=“
foo text
bar text
sol text
”，
el=document.createElement（'div'）；
el.innerHTML=str；
el.querySelector（'#bar'）.textContent=“此处新建文本”；
var result=el.innerHTML；
试试这个：

var str = "<div><p id='foo'>foo text</p><p id='bar'>bar text</p><p id='sol'>sol text</p></div>",
    el = document.createElement('div');
el.innerHTML = str;
el.querySelector('#bar').textContent = "new text here";
var result = el.innerHTML;

var str=“
foo text
bar text
sol text
”，
el=document.createElement（'div'）；
el.innerHTML=str；
el.querySelector（'#bar'）.textContent=“此处新建文本”；
var result=el.innerHTML；
您应该在jQuery文档中查找DOM操作和选择方法。您应该在jQuery文档中查找DOM操作和选择方法。
var str = "<div><p id='foo'>foo text</p><p id='bar'>bar text</p><p id='sol'>sol text</p></div>"
var $obj = $(str);
$obj.find('#bar').text('new text here')

var str = "<div><p id='foo'>foo text</p><p id='bar'>bar text</p><p id='sol'>sol text</p></div>",
    el = document.createElement('div');
el.innerHTML = str;
el.querySelector('#bar').textContent = "new text here";
var result = el.innerHTML;