时间戳

首页 > 解决方案 > 隐藏一个

如果里面没有内容

javascript - 隐藏一个
如果里面没有内容

问题描述

我写这篇文章是为了为我的问题寻求解决方案。例如我有这个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>？我的意思是，我随机选择只显示一个并隐藏其他。

标签： javascriptjquery

解决方案

对于 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>

推荐阅读