如何选择两个h2之间的所有元素
How to select all elements between two h2
我正在使用jQuery。我有以下html片段:
<h1>Main Title</h1>
<h2>One header</h2>
<p>some text</p>
<p>more text</p>
<ul><li>a list</li></ul>
<h2>Another header</h2>
<a href="######">one link</a>
<h3>ddd</h3>
<p>eee</p>
<h2>Header 3<h2>
<p>This is a Paragraph</p>
我需要得到每个h2元素之间的内容,以便做这样的事情:
First Section text
some text
more text
Second section text
one link
ddd
eee
Third section text
This is a Paragraph
我已阅读此资源:http://www.tutorialspoint.com/jquery/jquery-selectors.htm
但仍然不知道如何做我需要的。
提前感谢!
我建议如下:
$('h2').each(function(){
var self = $(this),
// gets everything between the $(this) and the next 'h2' element:
contents = self.nextUntil('h2'),
/* creates a new div with which to wrap,
and inserts after the current $(this): */
newWrap = $('<div />').insertAfter(self);
// appends the contents to the new div element:
newWrap.append(contents);
});
JS Fiddle演示。
虽然以上内容适用于其预期用途,并说明了nextUntil()
(这肯定是本场景中使用的方法),但我不确定如何向您展示如何实现您的目标,因为您似乎对用例/需求含糊其辞。
参考文献:
- CCD_ 2
each()
insertAfter()
nextUntil()
我相信nextUntil方法就是您想要的。
http://api.jquery.com/nextUntil/
一个好的解决方案是将您希望检索的内容放在带有id的<div>
标记中,并使用jQuery检索其内容,如下所示:$('#divid').text()
相关文章:
- 操作放置在画布上的元素之间的连接
- DOM元素和angular元素之间的主要区别是什么
- 如何附加<ul><李>元素位于某个特定条件的父元素列表之间
- 在JavaScript中,如何修复元素显示和变量创建之间的初始差异
- 在 JavaScript 数组中的所有元素之间穿插元素的简洁方法
- 命名一个在“”和“”之间切换元素的函数;启用”;以及“;被禁用”;州
- JS get元素之间的差异's属性与elem.getAttribute(attr)和elem[attr]
- 在2个框之间移动元素
- Javascript集:任何覆盖元素之间比较的方法
- jqmobile列表视图中元素之间的间距相等
- 使用Javascript,获取元素的方法是什么,基于打开和关闭标记之间的文本
- 如何在两个动画画布元素之间进行通信
- 同一元素的 this.id 值在浏览器之间是不同的
- 第一个元素和最后一个元素之间的连续循环
- 根据DOM,HTML元素的开始和结束标记之间的内容被称为属性.这个房产的名字是什么
- JavaScript/jQuery在两个iframe之间拖放元素
- 边距和输入元素边框之间的填充颜色
- 隐藏元素:Javascript属性和CSS样式之间的区别
- 使用AngularJS在Bootstrap选项卡之间移动DOM元素
- 在元素之间导航的Javascript