javascript - 使用 jquery 删除未使用的 li 类

Question

这是我的 HTML

<li class="single">
 <ul>
       <li class="franchise0001"></li>
       <li class="franchise0002"></li>
       <li class="franchise0003"></li>
       <li class="franchise0004"></li>
       <li class="franchise0005"></li>
       <li class="franchise0006"></li>
       <li class="franchise0007"></li>
       <li class="franchise0008"></li>
       <li class="franchise0009"></li>
       <li class="franchise0010"></li>
       <li class="franchise0011"></li>
       <li class="franchise0012"></li>
       <li class="franchise0013"></li>
       <li class="franchise0014"></li>
 </ul>
</li>

我运行一个脚本来查明是否有特许经营权签约联盟，然后将特许经营权 Logo 和名称放在正确的特许经营权 li 类中。然而，一些特许经营权总是空着，从未被填补。这是脚本填写一些信息后的 HTML 示例

<li class="single">
 <ul>
   <li><a href="#"><img src=""></a><a>Top Dawg</a></li>
   <li><a href="#"><img src=""></a><a>THEEOhiostate</a></li>
   <li><a href="#"><img src=""></a><a>slambodians</a></li>
   <li><a href="#"><img src=""></a><a>Hollywood Shuffler</a></li>
   <li><a href="#"><img src=""></a><a>Thunderbolts</a></li>
   <li><a href="#"><img src=""></a><a>MeWantee</a></li>
   <li><a href="#"><img src=""></a><a>Cincy Slammers</a></li>
   <li class="franchise0007"></li>
   <li><a href="#"><img src=""></a><a>Mahafaha</a></li>
   <li><a href="#"><img src=""></a><a>SF Drug Lords</a></li>
   <li><a href="#"><img src=""></a><a>Hudy Delight</a></li>
   <li><a href="#"><img src=""></a><a>long shot</a></li>
   <li><a href="#"><img src=""></a><a>Green Guy</a></li>
   <li class="franchise00011"></li>
   <li class="franchise00012"></li>
  </ul>
</li>

我需要删除任何不包含从模拟脚本生成的“a”或“img”标签的空 li。

我试过了，但它只是将它们全部删除，我假设是因为 HTML 的所有 li 类都是空的，直到脚本填充它们

$("li:empty").remove();

这是模拟脚本的链接 http://nitrografixx.com/2014/Nike2014/js/teams_simulation.js

Answer 1

首先，它们被称为“标签”...

试试这个:

$("li:empty").remove();