Question

我知道这个jQuery大师必须是一个简单的，但我真的不知道如何实现它。

我有以下HTML：

<div class="panel_contents">
  <ul>
    <li><a href="#">A</a></li>
    <li><a href="#">B</a></li>
    <li></li>
    <li></li>
  </ul>
</div>

我需要定位空<li>并为其附加一个类，例如 class =“empty”。如果我不需要，我不想修改HTML以手动添加类以用于表示目的。

我在这里开始JSFIDDLE用于演示目的。

感谢上百万人的帮助。

-

编辑3 [9/16/14]

今天，我承认也许使用jQuery可能不是真的必要，因为使用:empty伪选择器可以使用CSS来定位空元素，实际上所有浏览器都支持IE8，直到IE8 （虽然部分支持） - http://caniuse.com/#search=empty

编辑2

这是Another Solution。

此解决方案在<a href>s内查找<li>，如果有{1}，则不会添加类，如果没有<a href>s，则类为空< / em>已添加。

编辑1

感谢Daniel的解决方案。这是一个WORKING DEMO

Answer 1

使用:empty伪选择器。

$('li:empty').addClass('empty')