时间戳

首页 > 解决方案 > 从 DOM 中删除图像 url

javascript - 从 DOM 中删除图像 url

问题描述

使用 JavaScript 替换图像

我想在 url 替换后从 DOM中删除oldSrc

var oldSrc = 'www.domain.com/spinner.gif';
var newSrc = 'cdn.domain.com/spinner.gif';
$('img[src="' + oldSrc + '"]').attr('src', newSrc);

标签： javascriptjquery

解决方案

这一行：

$('img[src="' + oldSrc + '"]').attr('src', newSrc);

用旧的修改现有img元素src。所以没有必要再做任何事情，这些元素现在将显示来自新的src.

示例：在短暂的停顿后，我用你的头像替换了我的头像：

setTimeout(function() {
    var oldSrc = "https://www.gravatar.com/avatar/ca3e484c121268e4c8302616b2395eb9?s=64&d=identicon&r=PG";
    var newSrc = "https://www.gravatar.com/avatar/85c1241443e5568a57754958d30beff4?s=64&d=identicon&r=PG&f=1";
    $('img[src="' + oldSrc + '"]').attr('src', newSrc);
}, 800);
<img src="https://www.gravatar.com/avatar/ca3e484c121268e4c8302616b2395eb9?s=64&d=identicon&r=PG">

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

推荐阅读