我有这个html
<div id="items-content">
<p><img class="fr-dib" src="http://i.imgur.com/bEDR9dc.png" data-imgslap="{{image-key}}" style="width: 214px;"></p>
</div>
我想将 src="http://i.imgur.com/bEDR9dc.png"
替换为 src="http://i.imgur.com/mJyABlG .jpg"
我有以下 jquery
$(document).ready(function() {
$('#items-content').html( 'src="http://i.imgur.com/bEDR9dc.png"' ) {
return 'src="http://i.imgur.com/mJyABlG.jpg"';
}
} );
我还在学习JQuery,我不知道我哪里出了问题。非常感谢您的帮助。
更新
我计划使用与替换图像相同的方法将 data-imgslap=
替换为 src=
。基本上我如何用“y”替换html文本“x”(它们只会被替换为html属性文本)。
最佳答案
使用attr()来解决这个问题
$(document).ready(function() { $('#items-content .fr-dib').attr('src', 'http://i.imgur.com/mJyABlG.jpg"'); } );
或者使用正则表达式
your_string.replace(/(<img\s class\=\"fr-dib\"\ssrc=")(.*?)("\s?\/>)/, "$1http://i.imgur.com/mJyABlG.jpg $3");
关于javascript - 使用 .html 将某些 html 替换为其他 html 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34972974/