jQuery实现查找最近父节点的方法


Posted in Javascript onJune 23, 2016

本文实例讲述了jQuery实现查找最近父节点的方法。分享给大家供大家参考,具体如下:

这里演示查找当前控件最近的table

<html>
  <head>
    <title>usually function</title>
  </head>
  <body>
    <table name="name_table1">
      <tr>
        <td>table1</td>
      </tr>
    </table>
    <table name="name_table2">
      <tr>
        <td>table2</td>
      </tr>
    </table>
    <table name="name_table3">
      <tr>
        <td>table3</td>
      </tr>
    </table>
  </body>
<html>
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script>
$(function(){
  $("td").bind("click",function(){
    //alert($(this).html());
    alert($(this).closest("table").attr("name"));
  });
});
</script>

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
firefox浏览器下javascript 拖动层效果与原理分析代码
Dec 04 Javascript
JavaScript内核之基本概念
Oct 21 Javascript
jquery中post方法用法实例
Oct 21 Javascript
jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
Apr 18 Javascript
jQuery Mobile 触摸事件实例
Jun 04 Javascript
BootStrap 弹出层代码
Feb 09 Javascript
Javascript中字符串相关常用的使用方法总结
Mar 13 Javascript
微信小程序开发之麦克风动画 帧动画 放大 淡出
Apr 18 Javascript
JS实现简单拖拽效果
Jun 21 Javascript
解决vue keep-alive 数据更新的问题
Sep 21 Javascript
javascript单张多张图无缝滚动实例代码
May 10 Javascript
json.stringify()与json.parse()的区别以及用处
Jan 25 Javascript
浅谈jquery中的each方法$.each、this.each、$.fn.each
Jun 23 #Javascript
每日十条JavaScript经验技巧(一)
Jun 23 #Javascript
Ext JS动态加载JavaScript创建窗体的方法
Jun 23 #Javascript
jQuery UI结合Ajax创建可定制的Web界面
Jun 22 #Javascript
JavaScript基于原型链的继承
Jun 22 #Javascript
jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载(二)
Jun 22 #Javascript
基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
Jun 22 #Javascript
You might like
Syphon 虹吸式咖啡壶冲煮–拨动法
2021/03/03 冲泡冲煮
?算你??的 PHP 程式大小
2006/12/06 PHP
php 获取完整url地址
2008/12/20 PHP
PHP XML操作类DOMDocument
2009/12/16 PHP
php生成带logo二维码方法小结
2016/04/08 PHP
老生常谈PHP面向对象之标识映射
2017/06/21 PHP
js实现的二级横向菜单条实例
2015/08/22 Javascript
使用ionic切换页面卡顿的解决方法
2016/12/16 Javascript
Angular ng-repeat指令实例以及扩展部分
2016/12/26 Javascript
JS+jQuery实现注册信息的验证功能
2017/09/26 jQuery
分析javascript原型及原型链
2018/03/18 Javascript
nodejs图片处理工具gm用法小结
2018/12/12 NodeJs
JavaScript中常用的简洁高级技巧总结
2019/03/10 Javascript
JavaScript中判断为整数的多种方式及保留两位小数的方法
2019/09/09 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
2019/12/04 Javascript
使用JavaScript获取Django模板指定键值数据
2020/05/27 Javascript
浅谈Vue开发人员的7个最好的VSCode扩展
2021/01/20 Vue.js
在Python中使用mongoengine操作MongoDB教程
2015/04/24 Python
python3.x提取中文的正则表达式示例代码
2019/07/23 Python
python线程中的同步问题及解决方法
2019/08/29 Python
Python Sphinx使用实例及问题解决
2020/01/17 Python
已安装tensorflow-gpu,但keras无法使用GPU加速的解决
2020/02/07 Python
django执行原始查询sql,并返回Dict字典例子
2020/04/01 Python
CSS3中的content属性使用示例
2015/07/20 HTML / CSS
韩国著名的在线综合购物网站:Akmall
2016/08/07 全球购物
Stuart Weitzman美国官网:美国奢华鞋履品牌
2016/08/18 全球购物
专门经营化妆刷的美国彩妆品牌:Sigma Beauty
2017/09/11 全球购物
马来西亚在线药房:RoyalePharma
2019/12/01 全球购物
荷兰家电购物网站:Expert.nl
2020/01/18 全球购物
C#笔试题和英文面试题
2013/02/07 面试题
中式面点餐厅创业计划书
2014/01/29 职场文书
少年闰土教学反思
2014/02/22 职场文书
《放小鸟》教学反思
2014/04/20 职场文书
入职担保书怎么写
2014/05/12 职场文书
预防传染病方案
2014/06/14 职场文书
学雷锋活动总结报告
2014/06/26 职场文书