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);
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • SpringBoot——SpringBoot整合Mybatis

    SpringBoot——SpringBoot整合MybatisSpringBoot——SpringBoot整合Mybatis

  • jstat命令总结[通俗易懂]

    jvm统计信息监控工具jstat是什么jstat是JDK自带的一个轻量级小工具。全称“Java Virtual Machine statistics monitoring tool”,它位于java的bin目录下,主要利用JVM内建的指令对Java应用程序的资源和性能进行实时的命令行的监控,包括了对Heap size和垃圾回收状况的监控。jstat 是用于见识虚拟机各种运行…

  • 解决virtualbox虚拟机桥接模式下不能上网

    解决virtualbox虚拟机桥接模式下不能上网virtualbox虚拟机桥接模式下不能上网欢迎使用Markdown编辑器欢迎使用Markdown编辑器https://blog.csdn.net/wild46cat/article/details/53100931跟着这个链接操作在主机上设置好网络然后在虚拟机上设置,也是跟着其他作者教程做的,一时找不到那个网页了vim/etc/resolv.confvim/etc/network/interfaces/…

  • 【最佳网页宽度及其实现】「建议收藏」

    1.设计网页的时候,确定宽度是一件很苦恼的事。以minifun…

  • 开机出现DISK BOOT FAILURE解决

    开机出现DISK BOOT FAILURE解决开机出现DISKBOOTFAILURE,INSERTSYSTEMDISKANDPRESSENTER情况。下面简单说下该如何解决。DISKBOOTFAILURE,INSERTSYSTEMDISKANDPRESSENTER的字面意思翻译为:磁盘启动失败,插入系统磁盘,再按回车键。一般来说就是系统磁盘引导失败,或者硬盘数据线接口松掉了。最快解决方案:开机直接按F8进入安…

  • mysql前缀索引语句_mysql 前缀索引

    mysql前缀索引语句_mysql 前缀索引联合索引概念联合索引又叫复合索引,即一个覆盖表中两列或者以上的索引,例如:index_name(columna,columnb)1创建方式执行altertable语句时创建altertabletable_nameaddindexindex_name(column_list)1index_name是创建的联合索引的名字,可以没有,没有的话系统会根据该索引包含的第一列来赋名称;tabl…

发表回复

您的电子邮箱地址不会被公开。

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