Question

想象一下我们在javascript中有一个变量

var html = "<html>...<img src="a"></img>...<a><img src="b"></img></a></html>"

我们永远不知道img标记的位置。我们没有任何身份证明。它们只有不同的src，我们知道这个src因为我们将它们存储在数据库中。

如何编写一个方法，该方法将从上面定义的“html”变量中获取每个html个内容，并仅更改src's。例如，如果我知道src的值为'a'，那么我想调用一些写'c'而不是'a'的方法，依此类推。对于某些循环，我想仅更改src's。

有什么想法吗？

Answer 1

将该字符串放入jQuery对象后，可以使用标准DOM遍历方法。试试这个：

var html = '<html>...<img src="a"></img>...<a><img src="b"></img></a></html>';
$(html).find('img[src="a"]').prop('src', 'c');

感谢@Tushar指出您还需要注意HTML字符串中使用的引号。如果您在字符串中使用"，则应使用'对其进行分隔，如上例所示。

Answer 2

根据您的问题，您知道当前的src。

我们知道这个src，因为我们将它们存储在数据库中

curSources存储当前src并且在src数组中有新的newSources，您可以遍历字符串以替换每个{{的{s} 1}}标签

img