数码资讯
jQuery获得兄弟关系元素的几种好方法
当你指定元素的兄弟元素,你可以使用相邻选择符(+),这是选择的表达。在+的两边。 如果你想得到下一个例子中所有H1的直接兄弟元素H2 复制代码代码如下所示: 主标题 章节标题 一些内容… 章节标题 更多的内容… 可直接使用 复制代码代码如下所示: $('h1 + H2') 选择与H1元素相邻的兄弟姐
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
当你指定元素的兄弟元素,你可以使用相邻选择符(+),这是选择的表达。在+的两边。
如果你想得到下一个例子中所有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);
如果你想得到下一个例子中所有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);
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。