Jquery中parent()和parents()
Jquery中parent()和parents()
Jquery中parent()和parents()一、parent()方法
此方法取得匹配元素集合中每个元素的紧邻父元素,也就是第一级父元素,而不是所有的祖先元素。所取得的父元素集合也可以使用表达式进行筛选。
二、parents()方法
此方法取得一个包含着所有匹配元素的父辈元素的元素集合。所取得的父辈元素集合也可以使用表达式进行筛选
如果给定一个表示 DOM 元素集合的 jQuery 对象,.parents() 方法允许我们在 DOM 树中搜索这些元素的祖先元素,并用从最近的父元素向上的顺序排列的匹配元素构造一个新的 jQuery 对象。元素是按照从最近的父元素向外的顺序被返回的。.
三、Jquery中parent()和parents()实例
<li id='li1'> <li id='li2'><p></p></li> <li id='li3' class='a'><p></p></li> <li id='li4'><p></p></li> </li> $('p').parent() //取到的是li2,li3,li4 $('p').parent('.a') //取到的是li3$('p').parent().parent() //取到的是li1,这点比较奇特;不过Jquery对象本身的特点决定了这是可行的。
$('p').parents() //取到的是li1,li2,li3,li4
$('p').parents('.a') //取到的是li3
<body> <li id="one"> <li id="two">hello</li> <li id="three"> <p> <a href="#">tonsh</a> </p> </li> </li> $(”a”).parent() //将会得到父对象<p>$(”a”).parents() //得到父对象为<p><li.3><li.1>
$(”a”).parents().filter(”li”) //将得到<li.3><li.1>,还可以写成$(”a”).parents(”li”)。
$(”a”).parents(”li:eq(0)”) //将得到<li.2>
var id=$("a").parents("li:eq(1)").children("li:eq(0)").html(); //如果点击<a>链接时弹出<li.2>中的内容
</body>
- jquery实现微信中长按识别二维码
- jQuery 右侧浮动导航菜单
- jquery中return this.each的作用
- Jquery实现table表格行的添加、删除
- jquery实现页面滚动时自动加载内容
- Jquery对数组的操作
- jquery 增加表格(jquery实现表格无缝滚动)
- jQuery toggleClass
- jquery滚动加载数据
- jquery五子棋javascript(原生JavaScript实现简单五子棋游戏)
- jquery实现聚光灯效果
- jquery的each的用法
- JQuery中serialize()
- jQuery实现tab切换
- jquery中wrap、wrapAll、wrapInner
- jquery on绑定多个事件
- 谷雨前,吃牛羊肉别忘了吃河鲜,除湿还清热,加紫苏一炒特解馋(吃牛羊肉别忘了吃河鲜)
- 紫苏牛肉锅里滚一滚,香的鼻子都要掉了(紫苏牛肉锅里滚一滚)
- 每天都吃水果的好处(每天吃水果的好处与功效)
- 苹果15价格(苹果15价格512g官网)
- 春节放假几天(春节放假几天2023法定几天)
- 今天 3月13日,31年前,一个英雄少年感动了中国(今天3月13日31年前)
热门推荐
- 最新版MySQL 8.0.22下载安装超详细教程(Windows 64位)(最新版MySQL 8.0.22下载安装超详细教程Windows 64位)
- MySql DATE_FORMAT日期格式化
- win7iis搭建web服务器(如何搭建云服务器之IIS的配置)
- servu权限设置(Serv-U防溢出提权攻击解决设置方法)
- 云服务器系统怎么选择(云服务器选择什么操作系统?)
- 阿里云子账户密码重置(阿里云账号密码忘记了怎么办?阿里云账号密码找回方法)
- mongodb中mapreduce实例
- mysql修改复杂密码设置(MySQL修改密码的几种方式)
- 阿里云服务器购买时考虑的因素(购买阿里云服务器后的基本安全配置)
- python自动解密(python实现移位加密和解密)