javascript - 如果里面没有 <img> 内容，则隐藏 <dl>

Question

我写这篇文章是为了解决我的问题。例如我有这个 html 代码

<dl class="rpg-dll">
 <dt><span>Character</span> :</dt>
 <dd class="rpg-l">
  <span><span><img src="IMAGE.PNG" /></span></span>
</dd>
</dl>

还有 3 个副本，但没有 <'img>

<dl class="rpg-dll">
 <dt><span>Character</span> :</dt>
 <dd class="rpg-l">
  <span><span>NO IMAGE</span></span>
</dd>
</dl>

如果里面没有 <'img>，如何隐藏整个 <'dl>？我的意思是，我随机选择只显示一个并隐藏其他的。

Answer 1

对于jQuery解决方案可以使用

$('.rpg-dll').not(':has(img)').hide()// or remove() to take it out completely

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<dl class="rpg-dll">
 <dt><span>Character</span> :</dt>
 <dd class="rpg-l">
  <span><span><img src="IMAGE.PNG" /></span>IMAGE HERE</span>
</dd>
</dl>



<dl class="rpg-dll">
 <dt><span>Character</span> :</dt>
 <dd class="rpg-l">
  <span><span>NO IMAGE</span></span>
</dd>
</dl>