关于Jquery的parent和parents

parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。

parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。

可以看出parent取的很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。下面列出例子说明:

$('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)用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。

$(document).ready(function() {

$("#btn1").click(function(){

alert($(this).parent().next().html());

});

});

some text

....

其中:

this.parent()是input前面的td

this.parent().parent()获取的是tr

this.parent().parent().parent()获取的是table

this.parent().next()获取的是td相临的td

另例子中:

Hello

Hello

$("p").parent() 得到的是:

Hello

Hello

对象,因为p标签的父标签是div.

jquery的parents()使用

今天遇到一个有意思的问题,jquery有两个函数parent()和parents().通过这两个函数可以找到一个对象的父对象,又称作jquery的选择器。举个例子:

hello

tonsh

$(”a”).parent()将会得到父对象

$(”a”).parents()得到父对象为

$(”a”).parents().filter(”div”)将得到

,还可以写成$(”a”).parents(”div”)。

如果想的到

对象可以写成这样:$(”a”).parents(”div:eq(0)”)。

如果点击链接时弹出中的内容该怎么办?

var id=$("a").parents("div:eq(1)").children("div:eq(0)").html();

alert(id);

jquery找祖先包含_Jquery的parent和parents(找到某一特定的祖先元素)相关推荐

  1. Jquery的parent和parents(找到某一特定的祖先元素)用法

    <!-- parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合. parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素).可以通过一个可选的表达式进行筛选. ...

  2. jquery找祖先包含_jquery如何获取祖先元素

    jquery获取祖先元素的方法:使用方法[parent(exp)],取得一个包含着所有匹配元素的唯一父元素的元素集合,代码为[alert($(this).parent().next().html()) ...

  3. jquery遍历之parent()与parents()的区别 及 parentsUntil() 方法

    .parent(selector) 获得当前匹配元素集合中每个元素的父元素,由选择器筛选(可选). .parents(selector) 获得当前匹配元素集合中每个元素的祖先元素,由选择器筛选(可选) ...

  4. jquery遍历之parent()和parents()的区别及parentsUntil()方法详解

    转正于:http://www.jb51.net/article/44003.htm 没有图片,请看上面的原文 这篇文章主要介绍了jquery遍历之parent()和parents()的区别及paren ...

  5. 关于Jquery的parent和parents

    关于Jquery的parent和parents 2008-12-25 01:58 关于Jquery的parent和parents parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合. p ...

  6. JQuery中parent(),parents(),parentsUntil()区别和使用技巧

    parent()其实很简单, 就是指定选择器中每个元素的外边的一层.比如$("p"),那么就是结果就是包裹着<p></p>的数据 如:<div> ...

  7. Jquery中的parent()与parents()取父元素的区别

    关于Jquery的parent和parents parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合. parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素).可 ...

  8. jquery遍历元素children、find、parent、parents、parentsUntil、next、prev、siblings、closest、filter、not

    全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-DOM操作全解 jquery遍历元素 jquery元素的函数包括children.find.parent.parents.parentsUn ...

  9. C语言--在终端输入多行信息,找出包含“ould”的行,并打印改行

    问题: 在终端输入多行信息,找出包含"ould"的行,并打印改行. 如: Au,love could you and I with fate conspire To grasp t ...

最新文章

  1. PTA 基础编程题目集 7-14 求整数段和 C语言
  2. 字符设备编号的注册分配
  3. 详解SOA五种基本架构模式
  4. BZOJ1036 (其实这只是一份板子)
  5. 给asp.net mvc小白扫盲用的
  6. 「Vijos 1285」「OIBH杯NOIP2006第二次模拟赛」佳佳的魔法药水
  7. 【转】Asp.Net MVC详解Controller之Filter
  8. android sh 指令_Android ADB Shell命令解析
  9. python pyquery 解析html数据(2)
  10. sqlplus无密码登录TNS协议适配器错误
  11. PLC和变频器通讯方式
  12. SPFA与迪杰斯特拉
  13. 友情链接php模板,自定义友情链接页面模板
  14. 少儿编程 中国电子学会scratch等级考试一级历年真题解析【已更新至2023年3月 持续更新】
  15. 阿拉伯数字转换为汉字大写数字
  16. 【第59题】输入、输出系列7-压缩文件相关技术2
  17. Apche Kylin启动报错:UnknownHostException: node1:2181: invalid IPv6 address
  18. iOS 生成随机数 重复 不重复
  19. 新版PMBOK中项目管理十二原则,你知道了吗?
  20. 什么是BOM?与焊盘不匹配,怎么办?

热门文章

  1. python-sendcmd被动模式访问ftp
  2. Linux软件安装小结
  3. 关于dell - R710的磁盘管理
  4. 《笑傲网湖》第五回 状态检测防火墙
  5. html学习_认识html
  6. 以智能数据架构,挖掘增长金矿
  7. Wcf 双工通信的应用
  8. Socket.IO介绍:支持WebSocket、用于WEB端的即时通讯的框架
  9. Maven介绍,包括作用、核心概念、用法、常用命令、扩展及配置
  10. java 语言概述(零)