jQuery获得兄弟关系元素的几种好方法
当你指定元素的兄弟元素,你可以使用相邻选择符(+),这是选择的表达。在+的两边。如果你想得到下一个例子中所有H1的直接兄弟元素H2
复制代码代码如下所示:
主标题
章节标题
一些内容…
章节标题
更多的内容…
可直接使用
复制代码代码如下所示:
$('h1 + H2')
选择与H1元素相邻的兄弟姐妹的所有H2元素。
如果您想过滤H1的兄弟元素,当然可以使用它。
复制代码代码如下所示:
$('h1')。兄弟姐妹('h2,H3,P');
所有选择,H3,和P元素都是H1元素的兄弟姐妹。
如果你想在当前元素得到所有的兄弟元素,你可以使用nextall()
例如,对于下面的HTML代码
复制代码代码如下所示:
第一项
第二项
第三项目
第四项目
第五项目
如果您希望在第二个条目之后获得所有李元素,您可以使用以下代码
复制代码代码如下所示:
$(李。选择)。NextAll(李的);
它也可以用通用选择符(~)实现
复制代码代码如下所示:
$(li.selected ~李);
访问直接兄弟会元素也可以使用没有选择器,然后直接使用(下一个)。
复制代码代码如下所示:
无功topheaders = $('h1');
TopHeaders.next('h2)。Css('margin,0);