jquery获取父元素及祖先元素
parent是找当前元素的第一个父节点,parents是找当前元素的所有父节点
先说一下parent和parents的区别
从字面上不难看出
parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的
表达式进行筛选。
可以看出parent的取值很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。下面列出例子
说明:
<div id='div1'>
<div id='div2'><p></p></div>
<div id='div3' class='a'><p></p></div>
<div id='div4'><p></p></div>
</div>
$('p').parent()取到的是div2,div3,div4
$('p').parent('.a')取到的是div3
$('p').parent().parent()取到的是div1,这点比较奇特;不过Jquery对象本身的特点决定了这是可行的
。
$('p').parents()取到的是div1,div2,div3,div4
$('p').parents('.a')取到的是div3
parent(exp)用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。
<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#btn1").click(function(){
alert($(this).parent().next().html());
});
});
</script>
最新文章
- 猖獗的假新闻:2017年1月1日起iOS的APP必须使用HTTPS
- Intellj IDEA Java随笔
- git push上传代码到gitlab上,报错401或403
- NSXMLParser解析本地.xml数据(由于like7xiaoben写的太好了,我从她那里粘贴过来的)
- spring框架搭建url
- nodejs系列(二)REPL交互解释 事件循环
- android-partition分析
- nginx+uwsgi+WSGI applications
- CodeForces 689C Mike and Chocolate Thieves
- leetcode中Database题(一)
- Git知识总览(二) git常用命令概览
- 数以亿计运行PHP的网站即将面临严重的安全风险
- Linux安装gcc时碰到的有关问题解决(解决gcc依赖有关问题)
- Winform 各种属性、方法、控件
- 【Web】CSS实现绝对定位元素水平垂直居中
- 异常处理(try...catch...final 和 throw , throws)
- how to use kvo with swift (怎样在swift中使用kvo)
- idea中代码补全
- ZT 第9章 Framework的启动过程
- git提交代码到码云
热门文章
- MyBatis的getMapper()接口、resultMap标签、Alias别名、 尽量提取sql列、动态操作
- 高性能javascript学习笔记系列(6) -ajax
- First,FirstOrDefault,Single,SingleOrDefault的区别
- Dev TreeList 总结
- SharePoint 2013 状态机工作流之日常报销示例
- SharePoint 自定义的列表页面中添加javascript的一个 For循环语句后,该页面就打不开了。
- 2016第16本:TED演讲的秘密
- Android 学习心得 TextView 添加垂直滚动条
- iOS--xuer(registration)
- CSS3-04 样式 3