使用 jquery/javascript 删除 html 标签

Question

我的网站上有一个 html 元素，它超出了我的控制范围，我需要使用 javascript/jquery 将其删除。 HTML 标签是一致的，在每个页面上，它看起来像这样：

<img src="https://myimage.com/myimage.jpg" style="cursor:pointer;border:none;">

如何删除它？图像没有 ID。提前非常感谢！

Answer 1

你可以这样删除它：

jQuery("img[src='https://myimage.com/myimage.jpg']").remove();

确保该代码位于页面标记中的相关图像下方的script 标记中。如果在页面标记被解析后动态添加图像，你可能需要更加狡猾：

(function() {
    function removeImage() {
        var img = jQuery("img[src='https://myimage.com/myimage.jpg']");
        if (img.length) {
            // It's there now, remove it
            img.remove();
        }
        else {
            // Not there yet, check again in a quarter of a second
            setTimeout(removeImage, 250);
        }
    }
    removeImage(); // Start the process
})();

---

注意：您删除的是 元素，而不是 标签。标签是标记（文本）。元素是浏览器解析和创建标签的结果。

Answer 2

使用

$("img[src='https://myimage.com/myimage.jpg']").remove();

这将隐藏该图像

Answer 3

给你

$("img[src='https://www.google.com/images/srpr/logo11w.png']").remove();

http://jsfiddle.net/bowenac/GD64n/

介意解释图片是什么或发布实时链接？这会将其从显示中删除，但如果这是某种黑客将此代码放入您的文件中，则不会解决问题的根源...

Answer 4

没有 jQuery，纯 JS：

var img = document.querySelector('img[src="https://myimage.com/myimage.jpg"]');
if (img) {
    img.parentNode.removeChild(img);
}