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);