如何为设置referrerpolicy="unsafe-url"的图片添加hidden类以隐藏？

你可以通过属性选择器精准定位到带有referrerpolicy="unsafe-url"的img元素，再给它们添加hidden类，以下是几种常用实现方式：

原生JavaScript实现 #

直接用浏览器原生API即可完成，无需依赖任何框架：

// 筛选出所有符合条件的图片
const unsafeImgs = document.querySelectorAll('img[referrerpolicy="unsafe-url"]');

// 遍历并添加hidden类
unsafeImgs.forEach(img => {
  img.classList.add('hidden');
});

这里的img[referrerpolicy="unsafe-url"]是CSS属性选择器语法，能精准匹配到所有referrerpolicy属性值为unsafe-url的图片元素，再通过classList.add()方法给每个元素添加指定类。

jQuery实现（如果项目已引入jQuery） #

如果你的项目已经使用了jQuery，代码会更简洁：

$('img[referrerpolicy="unsafe-url"]').addClass('hidden');

jQuery的选择器同样支持属性匹配逻辑，一行代码就能完成筛选和类添加操作。

补充：仅隐藏图片的CSS方案 #

如果只是需要隐藏这些图片，不需要额外添加类，也可以直接用CSS实现：

img[referrerpolicy="unsafe-url"] {
  display: none;
}

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