jquery - jQuery 获取所有没有子节点的元素

Question

我需要选择没有子节点的元素(包括文本，因为 <p> 中的文本是子节点)。

我用过empty ，但它也将空间视为子节点。

示例:

标记:

 <span> </span>
 <span></span>

脚本:

$("span:empty").html("this was empty!");

不幸的是，由于第一个元素有空间并且被视为子节点，因此仅选择并更改了第二个元素。

如何选择没有子节点的元素？我想将空间视为虚无。最好，我希望代码不要使用循环来选择它们，可能还有其他方法。

Answer 1

怎么样

$("span:not(:has(*))")

选择没有子级的所有范围。

说明

:has() 选择器“选择至少包含一个与指定选择器匹配的元素的元素。”通配符*表示所有元素。

The expression $('div:has(p)') matches a <div> if a <p> exists anywhere among its descendants, not just as a direct child.

:not() 选择器“选择与给定选择器不匹配的所有元素。”

在本例中，:has()选择所有内容，然后我们使用 :not()查找与“所有内容”不匹配的元素...换句话说，什么都没有。

Demo