<script type="text/javascript">function show(x){var y=$(x);//转换成jquery对象//查找父元素alert( y.parent().attr("name"));alert( y.parent().attr("id"));//查找祖先,是个集合 不包括自身alert(y.parents("tr").attr("name"))alert(y.parents("table").attr("name"))//closest()这个方法呢就是向上检查元素并逐级匹配。首先,会从自身来匹配,匹配成功就返回本身//查找第几个子元素,eq() 方法会用集合中的一个元素构造一个新的 jQuery 对象。所使用的 index 参数标示集合中元素的位置。alert(y.parent().children().eq(0).text());alert(y.parent().children().eq(1).text());alert(y.parent().children().eq(2).text());alert(y.parent().children().first().text());//children方法获得的仅仅是元素一下级的子元素//find方法获得所有下级元素
}</script></head>
<body><table name="表"><tr id="1"name="行1"><td>1</td><td>袁海</td><td οnclick="show(this)">29</td></tr><tr id="2" name="行2"><td>2</td><td>yuanhai</td><td οnclick="show(this)">29</td></tr>
</table></body>

获取父级元素 parent parents() closest()

获取子级元素 children() find()

jQuery.siblings(),返回兄弟姐妹节点,不分前后

转载于:https://blog.51cto.com/tianxingzhe/1731667

jquery获取父级元素和子级元素相关推荐

  1. jquery获得当前元素父级元素_如何使用jQuery获取父元素

    jQuery获取父元素我们有三种方式可以实现,.parent()..parents()..closest(),下面我们将介绍jQuery获取父元素的这三种方式以及一个具体的示例.web前端学习:打造全 ...

  2. Layui父级页面调用子级页面方法

    父级页面调用子级页面方法 百度了一堆,没几个有用的,为避免以后会用到,在这记下笔记 layer.open({title : "xxxx",type : 2,content : Gl ...

  3. 128_Power BI父级排名TOPN子级动态展示

    博客:www.jiaopengzi.com 焦棚子的文章目录 请点击下载附件 一.背景 前些天在和朋友交流Power BI中有这样一个需求,按照父级排名后,需要显示出父级TOPN的子级明细. 如下&l ...

  4. jquery 滚动到某个div_如何使用jQuery获取父元素

    jQuery获取父元素我们有三种方式可以实现,.parent()..parents()..closest(),下面我们将介绍jQuery获取父元素的这三种方式以及一个具体的示例. web前端学习:打造 ...

  5. jQuery获取父元素及父节点的方法小结

    这篇文章主要介绍了jQuery获取父元素及父节点的方法,结合实例形式总结分析了jQuery针对父元素及父节点操作的常用技巧,需要的朋友可以参考下 本文实例总结了jQuery获取父元素及父节点的方法.分 ...

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

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

  7. jquery 获取父页面Id 值

    jquery 获取父页面Id 值 $('#id', parent.document).val();

  8. js和jquery获取父级元素、子级元素、兄弟元素的方法{转}

    先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当成DOM元素 原生的JS ...

  9. js和jquery获取父级元素、子级元素、兄弟元素的方法

    先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 原生的JS ...

最新文章

  1. Java进程与线程的区别
  2. Linux01-企业核心技术之逻辑卷LVM原理深入讲解35
  3. Caffe学习系列(4):激活层(Activiation Layers)及参数
  4. python 生成html表的报告_pytest文档7-pytest-html生成html报告
  5. 怎么在linux下查看gpu版本号,linux.查看gpu版本
  6. linux 进程带宽限制,在Linux中限制网络带宽使用
  7. LeetCode Reverse Words in a String III
  8. 【bzoj1263】[SCOI2006]整数划分 高精度
  9. python字符串格式化_Python3 字符串格式化
  10. Java集合:Map集合
  11. 三菱socket通信实例_三菱QUnCPU内置以太网Socket通信(TCP篇)
  12. 一对矩阵的相关性_矩阵分析学习笔记(1)
  13. SGU 231 Prime Sum 求lt;=n内有多少对素数(a,b)使得a+b也为素数 规律题
  14. 计算机教学研修心得英语,英语研修心得体会
  15. python struct pack_Python(12)教程11.标准库简介——第二部分
  16. 2019 互联网月饼哪家强?阿里走情怀;百度最土豪;浪潮最高冷;抖音最创意 .........
  17. Cuteftp9.0安装说明书
  18. 高温差热分析仪(高温热重分析仪)
  19. lpb.wifi index.php,lpb(法国lpb是什么品牌)
  20. Ubuntu中文件颜色的含义

热门文章

  1. chrome driver 获取 session_BOSS直聘招聘信息获取之使用webdriver进行爬取
  2. android 布局变化动画效果,使用LayoutTransition实现布局变化时的动画
  3. html语言中glyphicon,Bootstrap字体图标无法正常显示的解决方法
  4. ec11编码器c语言程序,EC11编码器识别程序——有时不准确,请达人指点
  5. cosin等于多少_cos0等于多少?
  6. 在保护继承中基类的共有成员_C++面向对象:C++ 继承
  7. 不能正常判断按键函数中的Flag
  8. 某学校新买了一批计算机,2020年度初中信息技术考试选择题.doc
  9. apache+mysql+wordpress的安装建站
  10. 赣南师范大学科技学院计算机科学与技术,2021江西独立学院转设最新消息(新增两所):赣南师范大学科技学院转设公办?...