javascript - jQuery - 选择所有文本 "underneath"a h1 或 h2-6ren

javascript - jQuery - 选择所有文本 "underneath"a h1 或 h2

转载作者：行者123 更新时间：2023-11-30 17:27:02

假设我有一个混合了 <h1> 的文档, <h2> <h3>等，加上其他元素，如 <p> .

从 DOM 的 Angular 来看，每个元素都直接位于 <body> 之下, 但显然从语义的 Angular 来看，元素是按标题级别嵌套的

我正在尝试实现某种 slideUp/slideDown 大纲扩展器，因此当用户单击 h2 时，例如，我需要向下搜索文档，直到找到另一个 h2 级或更高级别的标题，然后收集所有介于两者之间的元素是在语义上“低于”h2 的内容。

目前，我假设我只需要将它全部包装在嵌套的 div 中以使 DOM 树嵌套与语义匹配，但有什么方法可以避免这种情况吗？

最佳答案

您可以使用 nextUntil()为此

$("h2").click(function(){
  $(this).nextUntil("h2")
});

关于javascript - jQuery - 选择所有文本 "underneath"a h1 或 h2，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24037725/

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章