CSS或jQuery解决方案来选择“层次结构中的最后一个”元素?

流动

我有一堆嵌套的HTML元素,例如

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

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

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

乔什·克罗齐耶(Josh Crozier)

有没有办法只选择最里面的div,那些不包含任何其他div的div?

您可以结合使用:not()/:has()选择器,以选择div不包含其他div元素的最里面的元素:

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

给定您提供的HTML,如果您不希望选择div带有“ A”文本节点的,则只能选择包含其他元素的元素,在这种情况下为a span

这里的例子

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用CSS3选择层次结构中的最后一个元素?

来自分类Dev

优雅/最佳解决方案,从迭代中获取最后一个元素

来自分类Dev

javascript / jquery选择行中的最后一个元素

来自分类Dev

试图找到一个简单/优雅的js / jquery解决方案来控制用户图像的定位,旋转和缩放

来自分类Dev

jQuery最近的()不适用于层次结构中的下一个元素

来自分类Dev

使用CSS选择递归列表结构的最后一个子元素

来自分类Dev

启动Visual Studio时自动打开最后一个解决方案

来自分类Dev

是否有一个优雅的解决方案将Dataframes连接为列表中的固定元素?

来自分类Dev

是否有一个优雅的解决方案可以在迭代时修改结构?

来自分类Dev

需要帮助来找到一个PHP结构解决方案

来自分类Dev

需要帮助来找到一个PHP结构解决方案

来自分类Dev

寻找一个linq解决方案来替换for循环

来自分类Dev

寻找一个linq解决方案来代替for循环

来自分类Dev

Jquery:获取 html 元素的 id:为什么一个解决方案有效而另一个没有

来自分类Dev

我在 Fragment 生命周期中遇到了麻烦,需要一个解决方案来解决它

来自分类Dev

我的asp.net MVC解决方案需要一个缓存解决方案

来自分类Dev

如何使一个递归解决方案返回所有可能的解决方案?

来自分类Dev

即使给出了一个解决方案,fsolve 也无法找到解决方案

来自分类Dev

导航“ .nav-links”的父元素和子元素上的同一个类-寻找最佳CSS解决方案

来自分类Dev

CSS选择最后一个跨度元素

来自分类Dev

CSS从最后一个元素开始选择

来自分类Dev

您如何遍历解决方案层次结构?

来自分类Dev

如何在一个解决方案中合并两个Web项目

来自分类Dev

一个解决方案中具有自己视图的两个MVC项目

来自分类Dev

jQuery选择器查找最后一个元素

来自分类Dev

将集合A中的所有元素连接到集合B中的至少一个元素的最小成本解决方案

来自分类Dev

URL的Jquery / Javascript解决方案与Href匹配,然后添加一个类

来自分类Dev

Ruby:删除数组的第一个和最后一个元素-为什么解决方案以一种方式起作用而不以另一种方式起作用

来自分类Dev

visualstudio在不同TFS中的许多解决方案中引用了一个项目

Related 相关文章

  1. 1

    如何使用CSS3选择层次结构中的最后一个元素?

  2. 2

    优雅/最佳解决方案,从迭代中获取最后一个元素

  3. 3

    javascript / jquery选择行中的最后一个元素

  4. 4

    试图找到一个简单/优雅的js / jquery解决方案来控制用户图像的定位,旋转和缩放

  5. 5

    jQuery最近的()不适用于层次结构中的下一个元素

  6. 6

    使用CSS选择递归列表结构的最后一个子元素

  7. 7

    启动Visual Studio时自动打开最后一个解决方案

  8. 8

    是否有一个优雅的解决方案将Dataframes连接为列表中的固定元素?

  9. 9

    是否有一个优雅的解决方案可以在迭代时修改结构?

  10. 10

    需要帮助来找到一个PHP结构解决方案

  11. 11

    需要帮助来找到一个PHP结构解决方案

  12. 12

    寻找一个linq解决方案来替换for循环

  13. 13

    寻找一个linq解决方案来代替for循环

  14. 14

    Jquery:获取 html 元素的 id:为什么一个解决方案有效而另一个没有

  15. 15

    我在 Fragment 生命周期中遇到了麻烦,需要一个解决方案来解决它

  16. 16

    我的asp.net MVC解决方案需要一个缓存解决方案

  17. 17

    如何使一个递归解决方案返回所有可能的解决方案?

  18. 18

    即使给出了一个解决方案,fsolve 也无法找到解决方案

  19. 19

    导航“ .nav-links”的父元素和子元素上的同一个类-寻找最佳CSS解决方案

  20. 20

    CSS选择最后一个跨度元素

  21. 21

    CSS从最后一个元素开始选择

  22. 22

    您如何遍历解决方案层次结构?

  23. 23

    如何在一个解决方案中合并两个Web项目

  24. 24

    一个解决方案中具有自己视图的两个MVC项目

  25. 25

    jQuery选择器查找最后一个元素

  26. 26

    将集合A中的所有元素连接到集合B中的至少一个元素的最小成本解决方案

  27. 27

    URL的Jquery / Javascript解决方案与Href匹配,然后添加一个类

  28. 28

    Ruby:删除数组的第一个和最后一个元素-为什么解决方案以一种方式起作用而不以另一种方式起作用

  29. 29

    visualstudio在不同TFS中的许多解决方案中引用了一个项目

热门标签

归档