定位空

我知道对于这里的 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>并为它们附加一个类，例如类=“空”。如果不需要的话，我不想为了演示目的而修改 HTML 来手动添加类。

我开始了一个JSFIDDLE http://jsfiddle.net/3vDv8/1/此处用于演示目的。

感谢一百万对此提供的任何帮助。

--

编辑 3 [2014 年 9 月 16 日]

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

EDIT 2

Here's 另一种解决方案 http://jsfiddle.net/UH2uN/3/.

该解决方案寻找<a href>s在 - 的里面<li>，如果有，则不会添加该类，如果没有<a href>s，然后是班级empty被添加。

EDIT 1

感谢丹尼尔提供的解决方案。这是一个工作演示 http://jsfiddle.net/3vDv8/7/

Use the :empty伪选择器。

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