javascript - 如何通过图标值隐藏图像

Question

大家好，我无法在谷歌上找到我的问题的解决方案。我只想使用那里的图标值隐藏图像就像在下面的示例中一样，我只想在具有 .box 类的 div 中隐藏具有 icon-value="1"的图像

<div class="box">
  <div class="icon"><img src="xyz/smiley.png" icon-value="1" icon-index="0"></div>
  <div class="icon"><img src="xyz/1.png" icon-value="2" icon-index="1"></div>
</div>

Answer 1

使用属性选择器。

.box img[icon-value="1"] {
    display: none;
}