javascript - 使用 .html 将某些 html 替换为其他 html 不起作用

标签 javascript jquery html

我有这个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/

相关文章:

jquery,递归替换多个元素

javascript - 当用户更改 slider 值时,如何在没有任何按钮的情况下提交 slider 值?

javascript - Angularjs 正式嵌套形式

javascript - 表单无法提交并给出错误消息

JavaScript 字符替换

javascript - 从不同元素切换 select2

jquery - 使用 html/css 样式在 textarea 中显示字符串

javascript - 表单将无法验证

javascript - 使用 CSS 和 Javascript 的响应式菜单栏

javascript - 嵌入的 YouTube 视频会降低网络速度