Javascript查找并替换src变量

时间:2016-04-13 10:26:26

标签: javascript jquery html

想象一下我们在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

有什么想法吗?

2 个答案:

答案 0 :(得分: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字符串中使用的引号。如果您在字符串中使用",则应使用'对其进行分隔,如上例所示。

答案 1 :(得分:1)

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

  

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

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

img