javascript - 替换字符串的特定标签

Question

我有这个 JS 字符串:

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

我只想替换段落 ID 'bar' 并返回具有新修改的所有字符串。我该怎么做？我知道我可以使用正则表达式，但是如果我可以避免它，我认为会更好...

我尝试将字符串转换为 DOM 对象，如下所示:

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

然后，

var dom_str = $(str);

但是我不知道如何选择酒吧 ID 并返回所有字符串。

本示例中我想要获得的输出如下:

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

任何帮助将不胜感激。

Answer 1

在 jQuery 对象(它不是 dom 元素)上执行 $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>"
var $obj = $(str);
$obj.find('#bar').text('new text here')

注意:最好将解析保存在变量 $obj 中，因为如果您需要对该对象进行更多工作，则不必每次都解析它。