jQuery -> 获取兄弟元�

jQuery -> 获取兄弟元�

大家好,又见面了,我是全栈君,祝每个程序员都可以多学几门语言。

获取指定元素的兄弟元素时,能够使用
adjacent sibling combinator (+),当中
+的两側内容都是selector expression.
假设要获取下例中全部的 
h1的直接兄弟元素h2
<div>
    <h1>Main title</h1>
    <h2>Section title</h2>
    <p>Some content...</p>
    <h2>Section title</h2>
    <p>More content...</p>
</div>

能够直接使用
$('h1 + h2') 
  // Select ALL h2 elements that are adjacent siblings of H1 elements.

假设要过滤h1的兄弟元素,当然也能够使用
$('h1').siblings('h2,h3,p');
  // Select all H2, H3, and P elements that are siblings of H1 elements.

假设要获取当前元素之后的全部兄弟元素,能够使用
nextAll()
比如,针对以下的html代码
<ul>
    <li>First item</li>
    <li class="selected">Second Item</li>
    <li>Third item</li>
    <li>Fourth item</li>
    <li>Fifth item</li>
</ul>

假设要获取第二个条目之后的全部li元素,能够使用例如以下代码

$('li.selected').nextAll('li');
上例也能够使用
general sibling combinator (~)来实现
$('li.selected ~ li');

获取直接兄弟元素也能够不使用selector,直接使用
next()
var topHeaders = $('h1');
topHeaders.next('h2').css('margin', '0);
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/118822.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • MySQL中group_concat函数用法总结

    MySQL中group_concat函数用法总结MySQL中group_concat函数用法总结一、group_concat函数的功能将groupby产生的同一个分组中的值连接起来,返回一个字符串结果。group_concat函数首先根据groupby指定的列进行分组,将同一组的列显示出来,并且用分隔符分隔。由函数参数(字段名)决定要返回的列。例如:createtableemp(emp_idintprimaryke…

    2022年6月2日
    36
  • AD域基础

    AD域基础文章目录AD域基础1.什么是AD域2.AD域和工作组的区别2.1工作组特点及优缺点2.2AD域特点及优缺点3.为什么要做AD域管理4.AD域可以做什么AD域基础1.什么是AD域activedirectory活动目录,指一组服务器和工作站的集合,域中的目录是始终呈激活可用,动态更新的状态域将计算机、用户的账号密码集中放在一个数据库内,使得用户只使用一个账号和密码就能够访问网络中的…

    2022年5月16日
    67
  • Heartbleed第二篇:Heartbleed漏洞剖析

    Heartbleed第二篇:Heartbleed漏洞剖析Heartbleed漏洞剖析

    2022年7月15日
    26
  • Linux怎么查看软件安装路径 查看mysql安装在哪

    Linux怎么查看软件安装路径 查看mysql安装在哪

    2021年10月14日
    53
  • shell中if语句_shell脚本if判断

    shell中if语句_shell脚本if判断提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、if语句1.if单分支判断2.if双分支判断3.if多分支判断总结提示:以下是本篇文章正文内容,下面案例可供参考一、if语句1.if单分支判断●当“条件成立”时执行命令序列●否则不执行任合操作语法格式♦if空格条件测试then命令序列fiif加空格加一个条件测试,如果这个条件测试结果为真那么就执行then后面的命令序列,这个命令序列可以是一条命令也可以是多条命令只要条件测试为真,.

    2022年8月18日
    6
  • TP5.0 excel 导入导出

    TP5.0 excel 导入导出

    2021年10月13日
    49

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号