jquery parent()和parents()的区别
来源:互联网 发布:2017手机淘宝店铺装修 编辑:程序博客网 时间:2024/06/10 13:43
先说一下parent和parents的区别
从字面上不难看出
parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。
可以看出parent的取值很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。下面列出例子说明:
<div id='div1'>
<divid='div2'><p></p></div>
<div id='div3'class='a'><p></p></div>
<divid='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)用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。
<scriptsrc="jquery-1.2.6.min.js"type="text/javascript"></script>
<scripttype="text/javascript">
$(document).ready(function() {
$("#btn1").click(function(){
alert($(this).parent().next().html());
});
});
</script>
</head>
<body>
<table>
<tr>
<td><input id="btn1"class="btn" type="button" value="test"/></td>
<td>some text</td>
</tr>
</table>
....
其中:
this.parent()是input前面的td
this.parent().parent()获取的是tr
this.parent().parent().parent()获取的是table
this.parent().next()获取的是td相临的td
例子中:
<div><p>Hello</p><p>Hello</p></div>
$("p").parent() 得到的是:<div><p>Hello</p><p>Hello</p></div>对象,因为p标签的父标签是div.
- jquery parent和parents的区别分析
- jquery的parent和parents方法区别
- jquery parent()和parents()的区别
- jquery parent和parents的区别
- jQuery parents和parent区别
- Jquery的parent和parents
- jquery parent和parents得区别
- jquery-parent(),parents()与closest()的区别
- Jquery的parent()和parents()的bug?
- 关于Jquery的parent和parents
- 关于Jquery的parent和parents
- jquery中parent和parents的运用
- 关于Jquery的parent和parents
- jquey的parent()和parents()的区别
- 关于parent()、parents()和closest()的区别
- jquery parent() parents() closest()区别
- jquery parent() parents() closest()区别
- jquery parent() parents() closest()区别
- win7+caffe+cuda8.0+cudnn
- HTML基础知识总结4之table布局
- 输入一个5位数,然后将反序输入(12345 输出54321)
- windows下编译caffe报错:error MSB4062: 未能从程序集 E:\NugetPackages\OpenCV.2.4.10\......的解决办法
- oracle创建存储过程及Job
- jquery parent()和parents()的区别
- CSS基础知识
- Qt5之QWS和QPA
- 带你零公式理解神经网络
- LeetCode 129 Sum Root to Leaf Numbers(递归求和)
- 2017年职业生涯小计
- cocos2dx 连连看
- MongoDB常用命令汇总之基本聚合函数。
- SQLite 源码获取、编译与使用