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

该方法适用于所有品牌电脑

jquery获取祖先元素的方法:

parent是找当前元素的第一个父节点,parents是找当前元素的所有父节点

先说一下parent和parents的区别

从字面上不难看出parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。

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

表达式进行筛选。

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

说明:

$('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());

});

});

相关免费学习推荐:javascript(视频)

jquery找祖先包含_jquery如何获取祖先元素相关推荐

  1. jquery获得当前元素父级元素_jquery怎么获取当前元素的父元素

    展开全部 jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能实现查找父元素或节点32313133353236313431303231363533e7 ...

  2. jquery按下标获取元素_jquery 怎么获取隐藏元素的下标

    jquery 怎么获取隐藏元素的下标 关注:103  答案:2  mip版 解决时间 2021-01-19 19:37 已解决 2021-01-19 06:13 jquery 怎么获取隐藏元素的下标 ...

  3. jquery找祖先包含_Jquery的parent和parents(找到某一特定的祖先元素)

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

  4. jquery获取父元素及祖先元素

    标题jquery获取父元素及祖先元素 parent()方法和parents()方法都是获取父代元素,使用区别如下: parent是找当前元素的第一个父节点,parents是找当前元素的所有父节点 . ...

  5. jquery如何拿到一个对象_jQuery 怎么获取对象

    1.JQuery的核心的一些方法 each(callback) '就像循环 $("Element").length; '元素的个数,是个属性 $("Element&quo ...

  6. vue子组件获取祖先组件值的方法

    使用场景 如子组件的子组件想获取祖先组件的至或者方法,用props传递显然是吃力不讨好,难以维护,用vuex的话在比较小的项目中会增加复杂度,所以这里采取另外一种方法 Provide& Inj ...

  7. vue 孙子组件获取祖先组件数据

    vue 孙子组件获取祖先组件数据 1.概述 在vue项目开发中,如果逻辑比较复杂或者页面的内容较多时,通常会使用组件化开发页面.这个时候一般都是父子组件,两层就够了.使用props和emit方式父子组 ...

  8. mysql 获得元素的数量_一个递归获取祖先元素值的MySQL函数范例

    test.sql:-- 创建测试数据 drop table if exists T1; CREATE TABLE T1 ( id bigint NOT NULL auto_increment, pid ...

  9. jsquery获取页面元素的html代码,【jQuery 使用】 利用jQuery.prop(outerHTML)获取包含自身在内的HTML元素的HTML代码...

    jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然而我们有时候的确需要,可以通过jQuery.prop("outerHTML")的方式设置. ...

最新文章

  1. 可能是GitHub上最好用的文字语法校验工具
  2. js事件监听器用法实例详解
  3. 计算机软件通常称为,计算机软件通常分为
  4. Go map[int64]int64 写入 redis 占用多少内存
  5. Android Camera 流程学习记录(五)—— Camera.takePicture() 流程解析
  6. python编写命令行框架_Python2和3的面向命令的命令行框架是什么?
  7. SQL Server2012备份到网络驱动器
  8. 儿童讲堂 - 量词举例
  9. SVN :one or more files are in a conflicted state 一个或多个文件处于冲突状态
  10. php 开发常用英语单词
  11. Python简单爬虫(以爬取豆瓣高分图书为例)
  12. excel利用宏自动复制来自其他excel文件的数据
  13. allegro 进行outline倒角
  14. div设置滚动条和滚动条属性
  15. Django 1.9 支持中文
  16. java 编程联系_《JAVA程序设计》结对编程联系_四则运算(第二周:整体性总结)...
  17. 参会人员如何快速入场?高科技来帮忙
  18. 迅龙万兆网络 驱动 linux,锐龙双万兆“小妖板” :ASRock 华擎 发布 X570D4I-2T ITX主板...
  19. DAY01加强版的java自学
  20. 网络威胁情报项目:为什么仍然很疯狂

热门文章

  1. linux如何定期备份,在Linux系统中简单地实现定时备份的方法
  2. 编程题:顺时针打印矩阵(不一定是方阵)
  3. HDU-2149(博弈)
  4. 【漫天烟花】绚烂烟花点亮夜空也太美了叭、某程序员携带烟花秀给大家拜年啦~
  5. 【django】聚合函数和排序函数
  6. django中模型类的创建
  7. optee中User TA的加载/验签和运行
  8. 2022-01-06
  9. 分布式系列文章——Paxos算法原理与推导
  10. typedef的详细用法