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)


相关推荐

  • 通过命令查看linux 密码,linux查看用户密码(linux查看用户密码命令)

    通过命令查看linux 密码,linux查看用户密码(linux查看用户密码命令)linux查看用户密码(linux查看用户密码命令)2020-05-1513:18:30共10个回答1、用户名和密码的存储位置存储帐号的文件:/etc/passwd存储密码的文件:/etc/shadow2、可以使用cat、more、head、tail以及vim等命令查看或者修改,如下图所示:比如要查找系统中admin普通用户的密码,则执行:cat/etc/shadow|grep"admin"3、…

  • 分布式锁的实现和应用场景_predis分布式锁的应用

    分布式锁的实现和应用场景_predis分布式锁的应用文章目录如何理解分布式锁分布式锁的常用实现基于关系型数据库存在单点故障风险不可重入无法实现阻塞应用Redis缓存基于ZooKeeper实现电商网站都会遇到秒杀、特价之类的活动,大促活动有一个共同特点就是访问量激增,在高并发下会出现成千上万人抢购一个商品的场景。虽然在系统设计时会通过限流、异步、排队等方式优化,但整体的并发还是平时的数倍以上,参加活动的商品一般都是限量库存,如何防止库存超卖,避免并发问题呢?分布式锁就是一个解决方案。如何理解分布式锁我们都知道,在业务开发中,为了保证在多线程下处理

  • wptx64能卸载吗_wptx64是什麼「建议收藏」

    wptx64能卸载吗_wptx64是什麼「建议收藏」SOLIDWORKSPDMServer和SOLIDWORKSSolidNetWorkLicenseManager,都支援在WindowsServer2008R2或WindowsServer2012和2012R2上進行安裝。WindowsInstaller:,(不適用).WindowsPerformanceToolkit:,WPTx64-x86_en-us…

  • 五、Abp vNext 基础篇丨博客聚合功能

    五、Abp vNext 基础篇丨博客聚合功能介绍业务篇章先从客户端开始写,另外补充一下我给项目起名的时候没多想起的太随意了,结果后面有些地方命名冲突了需要通过手动using不过问题不大。开工应用层根据第三章分层架构里面讲到的现在我们模型

  • flowerplus鲜花官网_花艺大师作品

    flowerplus鲜花官网_花艺大师作品题目描述 Description花匠栋栋种了一排花,每株花都有自己的高度。花儿越长越大,也越来越挤。栋栋决定把这排中的一部分花移走,将剩下的留在原地,使得剩下的花能有空间长大,同时,栋栋希望剩下的花排列得比较别致。具体而言,栋栋的花的高度可以看成一列整数h_1,h_2,…,h_n。设当一部分花被移走后,剩下的花的高度依次为g_1,g_2,…,g_m,则栋栋希望下

  • Redis除了做缓存,还可以怎么用?网友:点赞功能啊

    点赞功能是目前app开发基本的功能 今天我们就来聊聊点赞、评论、收藏等这些场景的db数据库设计问题~ 1. 我们先来看看场景的需求: 显示点赞数量 判断用户是否点过赞,用于去重,必…

发表回复

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

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