jquery - 使用 JQuery 将新属性添加到 HTML 字符串

Question

我在向现有 html 字符串添加新属性时遇到问题。

首先，我从编辑器中读取 HTML 代码并将其保存为字符串。

然后我可以从这个字符串访问属性：

$("img", $(htmlString)).attr("src");

但是如果我尝试添加一个新属性（例如名称），它就不起作用。为此，我尝试：

$("img", $(htmlString)).attr("name", "fooo");

所以我的问题是，我需要添加一个具有一些值的新属性，最后我应该有一个新的 HTML 字符串，其中包含带有新添加属性的旧 HTML 代码。我希望有一个人可以帮助我。

score 2 · Accepted Answer

我想从 src 复制值，修改它，然后保存在同一个 img 标记中的新属性中。只有保存部分不起作用

尝试这个：

var $img = $("img", $(htmlString));
var src = $img.attr("src");
src = src.replace(".jpg", ".png");
$img.attr("data-src", src);

这将变成这样：

<img src="/images/myimage.jpg" alt="Example image" />

对此：

<img src="/images/myimage.jpg" data-src="/images/myimage.png" alt="Example image" />

这是假设只有 1 个img标签htmlString。如果您有多个，则需要遍历每个。

1 回答 1