使用jQuery删除所有空a子元素的li元素

Question

如何删除所有空的 <a></a> 标签所包含的 <li></li> 元素？

示例：

<li><a href=''>List item</a></li> //Do not delete
<li><a href=''></a></li> //Delete

- Jon

Answer 1

您可以结合使用jQuery选择器 :has()/:empty ：

这里有个示例

$('li:has(a:empty)').remove();

- Josh Crozier

---

^1 合理使用选择器组合。在我看来，使用 has 是正确的选择。 - Travis J

Answer 2

使用以下脚本：

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

For reference - https://api.jquery.com/empty/

- Nikhil Aggarwal

Answer 3

若想去除仅带有空子元素的li元素，请使用以下代码：

$("li > a:empty").parent().remove();
//OR $('li:has(>a:empty)').remove();

示例：

<li><a href=''>List item</a></li> <!-- not remove this -->
<li><a href=''></a></li> <!-- remove this -->
<li><span><a href=''></a></span></li> <!-- not remove this -->

- PeterKA