jquery - 选择 "last in hierarchy"元素的 CSS 或 jQuery 解决方案？

Question

我有一堆嵌套的 HTML 元素，比如

<div>
   <div>
      <div>A</div>
   </div>
   <div>
      <div><span>B</span></div>
   </div>
</div>

有没有办法只选择最里面的 div，那些不包含任何其他 div 的？请注意，div B 确实有后代，但没有其他 div。

澄清我的意思是选择所有那些不包含另一个 div 的 div，但可能还有一些其他标签。

Answer 1

Is there a way to only select the innermost divs, those that do not contain any other divs?

您可以结合 :not()/:has()选择器，以便选择不包含其他 div 元素的最内层 div 元素:

$('div:not(:has(div))');

鉴于您提供的 HTML，如果您不想选择带有“A”文本节点的 div，您只能选择包含其他元素的元素，在本例中为 跨度:

Example Here

$('div:not(:has(div)):has(*)');