如何使用 Jquery 或 Javascript 更改原始字符串中的 HTML 属性？

我想获取一堆锚标记并确保它们全部在新选项卡中打开。

我知道我应该做这样的事情$('a').attr('target', '_blank');但问题是我试图修改的 HTML 位于字符串变量中。

参见示例：

我在一个字符串中有一堆原始 HTML，如下所示：

var rawHTML = 'Hello there, <a href="http://www.google.com">this</a> is a link.'

我怎样才能将其转换为这样的：

processedHTML = 'Hello there, <a href="http://www.google.com" target="_blank">this</a> is a link.'

使用 jQuery，您可以将字符串附加到 DOM 外部的元素

然后，您可以在这个新元素上使用 jQuery 方法来修改 html，然后返回修改后的字符串：

var rawHTML = 'Hello there, <a href="http://www.google.com">this</a> is a link.';
// create element and set string as it's content
var $div = $('<div>').html(rawHTML);
// modify attributes
$div.find('a').attr('target', '_blank');
// return modified content to string
var processedHTML = $div.html();