jquery parent和parents的区别
2016-07-21 14:44
429 查看
从字面上不难看出parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选可以看出parent的取值很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。下面列出例子说明:
例1
HTML代码如下:
其中:
$('p').parent()取到的是div2,div3,div4
$('p').parent('.a')取到的是div3
$('p').parent().parent()取到的是div1,这点比较奇特;不过Jquery对象本身的特点决定了这是可行的。
$('p').parents()取到的是div1,div2,div3,div4
$('p').parents('.a')取到的是div3
例2
HTML代码如下:
JQ代码如下:
其中:
this.parent()是input前面的td
this.parent().parent()获取的是tr
this.parent().parent().parent()获取的是table
this.parents()获取的是td,tr,table
大致可以这样理解,这也是个人的一个看法
例1
HTML代码如下:
<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
例2
HTML代码如下:
<table> <tr> <td><input id="btn1" class="btn" type="button" value="test" /></td> <td>some text</td> </tr> </table>
JQ代码如下:
$(document).ready(function() { $("#btn1").click(function(){ alert($(this).parent().next().html()); }); });
其中:
this.parent()是input前面的td
this.parent().parent()获取的是tr
this.parent().parent().parent()获取的是table
this.parents()获取的是td,tr,table
大致可以这样理解,这也是个人的一个看法
相关文章推荐
- (转)jqGrid学习笔记
- jQuery.validate 中文API
- jquery validate表单验证插件
- jQuery 之 get、getJSON 与 getScript 方法(13)
- 【jQuery EasyUI系列】 创建展开行明细编辑表单的CRUD应用
- 兼容所有浏览器的JQuery zClip插件实现复制到剪贴板功能
- jQuery实现鼠标经过购物车出现下拉框代码(推荐)
- jQuery对象和JavaScript对象之间的转换!jQuery党情何以堪啊!
- jQuery.Callbacks之demo
- jQuery 事件 - animate(),change(),stop(),finish()
- 【jQuery EasyUI系列】使用属性介绍
- Jquery 用法总结
- jQuery 之 AJAX 方法(12)
- Jquery.Form和jquery.validate 的使用
- 使用jQuery清空file文件域的解决方案(转)
- js和Jquery获取选中select值和文本
- jquery load方法用法详解
- 修改$.messager.confirm按钮显示文字
- jQuery表单验证插件解析(推荐)
- jQuery点击页面其他任意地方关闭弹框