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网页元素拖拽插件效果及实现
Aug 05 Javascript
Ajax请求在数据量大的时候出现超时的解决方法
Feb 27 Javascript
JS常用字符串处理方法应用总结
May 22 Javascript
EditPlus中的正则表达式 实战(2)
Dec 15 Javascript
Node.js 的模块知识汇总
Aug 16 Javascript
JS实现键值对遍历json数组功能示例
May 30 Javascript
Node.js Event Loop各阶段讲解
Mar 08 Javascript
vue配置接口域名方法总结
May 12 Javascript
详解ng-alain动态表单SF表单项设置必填和正则校验
Jun 11 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
Aug 02 jQuery
原生JS实现汇率转换功能代码实例
May 13 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
Oct 24 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+MySQL的聊天室设计
2006/10/09 PHP
PHP新手上路(三)
2006/10/09 PHP
snoopy PHP版的网络客户端提供本地下载
2008/04/15 PHP
php实现通过ftp上传文件
2015/06/19 PHP
Yii基于数组和对象的Model查询技巧实例详解
2015/12/28 PHP
快速保存网页中所有图片的方法
2006/06/23 Javascript
js最简单的拖拽效果实现代码
2010/09/24 Javascript
基于JQuery的类似新浪微博展示信息效果的代码
2012/07/23 Javascript
页面使用密码保护代码
2013/04/10 Javascript
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
2015/10/14 Javascript
解决JS无法调用Controller问题的方法
2015/12/31 Javascript
jquery 标签 隔若干行加空白或者加虚线的方法
2016/12/07 Javascript
JS定时器用法分析【时钟与菜单中的应用】
2016/12/21 Javascript
jQuery实现键盘回车搜索功能
2017/07/25 jQuery
AngularJS实现controller控制器间共享数据的方法示例
2017/10/30 Javascript
JS设计模式之策略模式概念与用法分析
2018/02/05 Javascript
对vue中v-if的常见使用方法详解
2018/09/28 Javascript
mockjs+vue页面直接展示数据的方法
2018/12/19 Javascript
小程序scroll-view安卓机隐藏横向滚动条的实现详解
2019/05/16 Javascript
js实现三角形粒子运动
2020/09/22 Javascript
Python3.4编程实现简单抓取爬虫功能示例
2017/09/14 Python
Python字典及字典基本操作方法详解
2018/01/30 Python
利用python的socket发送http(s)请求方法示例
2018/05/07 Python
Pycharm导入Python包,模块的图文教程
2018/06/13 Python
Python3 venv搭建轻量级虚拟环境的步骤(图文)
2019/08/09 Python
python 图像插值 最近邻、双线性、双三次实例
2020/07/05 Python
Python从MySQL数据库中面抽取试题,生成试卷
2021/01/14 Python
python编写扎金花小程序的实例代码
2021/02/23 Python
HTML5新增的表单元素和属性实例解析
2014/07/07 HTML / CSS
浅谈基于Canvas的手绘风格图形库Rough.js
2018/03/19 HTML / CSS
全球最大的房车租赁市场:Outdoorsy
2018/09/19 全球购物
Java中实现多态的机制是什么?
2014/12/07 面试题
住房公积金接收函
2014/01/09 职场文书
考试退步检讨书
2014/01/15 职场文书
班级学雷锋活动总结
2014/06/26 职场文书
端午节寄语2015
2015/03/23 职场文书