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如何操作下拉框select
- jquery实现聚光灯效果
- jquery左右选择框
- jquery中one()的用法
- 2014-8-31
- 介绍几个jQuery实用函数
- jquery插件写法
- jQuery多个版本间,以及与其他js文件冲突的解决方法
- Jquery中parent()和parents()
- jQuery商品属性选择的实现
- jquery鼠标滑过显示提示框
- jquery中return this.each的作用
- jquery的直接设置下拉框的选中值(jquery实现户籍地选择下拉框)
- jquery判断是否显示或隐藏
- jquery中使用detach 移除元素
- 一道高中题-求杯子的高度(一道高中题-求杯子的高度)
- 网坛停摆三巨头亏损惨重,费德勒跌幅88 纳达少赚2400万(网坛停摆三巨头亏损惨重)
- Beyond 版本《无人深空》主线任务攻略 阿特拉斯之道(版本无人深空主线任务攻略)
- 全球科技界最有钱大佬TOP 15 你知道几位(全球科技界最有钱大佬TOP)
- 2主力后腰缺阵 泰山队奇兵有望获重用,赛季0出场,迎来中超首秀(泰山队奇兵有望获重用)
- 三分71 生死战爆发 篮网旧将丁威迪今天成奇兵,助队赢球(三分71生死战爆发)
热门推荐
- python淘宝秒杀教程(Python实现京东秒杀功能代码)
- python栈和队列(Python 实现数据结构中的栈队列)
- laravel服务器设置(基于Laravel-admin 后台的自定义页面用法详解)
- mysql中常用的三种存储引擎的区别(MySQL 存储过程的优缺点分析)
- pythonselenium判断网页加载完成(python 实现selenium断言和验证的方法)
- thinkphp3.2.3 接口开发(ThinkPHP3.2.3框架Memcache缓存使用方法实例总结)
- thinkphp5访问路径(thinkphp5修改view到根目录实例方法)
- dedecms提示怎么去除(DEDECMS系统后台会员功能漏洞解决方法)
- sqlserver触发器修改当前字段(利用SQL Server触发器实现表的历史修改痕迹记录)
- h5制作支付功能(基于HTML5+tracking.js实现刷脸支付功能)