如何用JavaScript移除无ID的指定网页图片？

针对你要处理的目标图片：

<img src="https://storage.googleapis.com/icons/markup.png" alt="Mark Up Icon" width="40" height="40" data-decorative="true">

你的jQuery代码未生效，大概率是执行时机不对或选择器精准度不足，以下是可行的解决办法：

修复jQuery方案 #

先确保代码在DOM完全加载后执行，同时可结合多个属性提升匹配精准度，避免误删其他图片：

// 等待DOM就绪后执行
$(document).ready(function() {
  // 仅通过src选择目标图片
  $("img[src='https://storage.googleapis.com/icons/markup.png']").remove();
  
  // 推荐：结合data-decorative属性，匹配更精准
  $("img[src='https://storage.googleapis.com/icons/markup.png'][data-decorative='true']").remove();
});

原生JavaScript方案（无需jQuery） #

如果不想依赖jQuery，直接用原生JS也能实现：

// 方法1：匹配单个目标图片
const targetImg = document.querySelector("img[src='https://storage.googleapis.com/icons/markup.png'][data-decorative='true']");
if (targetImg) {
  targetImg.remove();
}

// 方法2：批量移除所有匹配的图片
document.querySelectorAll("img[src='https://storage.googleapis.com/icons/markup.png']")
  .forEach(img => img.remove());

排查要点 #

1. 确认jQuery已加载：打开浏览器控制台输入$，返回function则说明已加载，否则需先引入jQuery文件。
2. 检查src路径匹配：部分场景下浏览器会自动转换路径格式（如相对转绝对），可在控制台执行console.log(document.querySelector("img").src)，复制实际路径替换选择器内容。
3. 代码执行位置：不要把代码放在<head>标签内（此时图片尚未渲染），要么放到<body>末尾，要么用DOM就绪事件包裹。

内容的提问来源于stack exchange，提问作者VeeSands