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 相关文章推荐
基于Jquery的动态添加控件并取值的实现代码
Sep 24 Javascript
js判断undefined类型示例代码
Feb 10 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
Mar 24 Javascript
jQuery 实现ajax传入参数含有特殊字符的方法总结
Oct 17 Javascript
详解微信小程序——自定义圆形进度条
Dec 29 Javascript
JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
Jan 23 Javascript
在node中如何使用 ES6
Apr 22 Javascript
vue项目环境变量配置的实现方法
Oct 12 Javascript
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
May 10 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
Jun 19 Javascript
vue中watch和computed为什么能监听到数据的改变以及不同之处
Dec 27 Javascript
JS新手入门数组处理的实用方法汇总
Apr 07 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
PHP函数实现从一个文本字符串中提取关键字的方法
2015/07/01 PHP
PHP 7的一些引人注目的新特性简单介绍
2015/11/08 PHP
PHP中strcmp()和strcasecmp()函数字符串比较用法分析
2016/01/07 PHP
Centos7安装swoole扩展操作示例
2020/03/26 PHP
Jquery下:nth-child(an+b)的使用注意
2011/05/28 Javascript
jquery更换文章内容与改变字体大小代码
2013/09/30 Javascript
jQuery实现购物车数字加减效果
2015/03/14 Javascript
Javascript变量的作用域和作用域链详解
2015/04/02 Javascript
JavaScript Window浏览器对象模型方法与属性汇总
2015/04/20 Javascript
AngularJS 自定义指令详解及示例代码
2016/08/17 Javascript
详解React-Todos入门例子
2016/11/08 Javascript
js实现PC端和移动端刮卡效果
2020/03/27 Javascript
基于JavaScript实现的折半查找算法示例
2017/04/14 Javascript
微信小程序 图片宽高自适应详解
2017/05/11 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
2019/03/08 Javascript
vue实现购物车功能(商品分类)
2020/04/20 Javascript
[43:41]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
python中字符串前面加r的作用
2015/06/04 Python
我们为什么要减少Python中循环的使用
2019/07/10 Python
python怎么调用自己的函数
2020/07/01 Python
使用CSS3制作一个简单的Chrome模拟器
2015/07/15 HTML / CSS
基于HTML5新特性Mutation Observer实现编辑器的撤销和回退操作
2016/01/11 HTML / CSS
全球独特生活方式产品和礼品购物网站:AHAlife
2018/09/18 全球购物
Prototype中如何为一个元素添加一个方法
2014/12/08 面试题
英文版餐饮业求职信
2013/10/18 职场文书
党校培训自我鉴定
2014/02/01 职场文书
运动会获奖感言
2014/02/11 职场文书
劳动工资科岗位职责范本
2014/03/02 职场文书
2014年会策划方案
2014/05/11 职场文书
违章停车检讨书
2014/10/21 职场文书
党风廉正建设责任书
2015/01/29 职场文书
小学生六年级作文之关于感恩
2019/08/16 职场文书
导游词之杭州岳王庙
2019/11/13 职场文书
简单介绍Python的第三方库yaml
2021/06/18 Python
springboot中rabbitmq实现消息可靠性机制详解
2021/09/25 Java/Android
Python 第三方库 openpyxl 的安装过程
2022/12/24 Python