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 相关文章推荐
用倒置滤镜把div倒置,再把table倒置。
Jul 31 Javascript
jQuery Select(单选) 模拟插件 V1.3.62 改进版
Jul 17 Javascript
FireBug 调试JS入门教程 如何调试JS
Dec 23 Javascript
jQuery:delegate中select()不起作用的解决方法(实例讲解)
Jan 26 Javascript
jQuery()方法的第二个参数详解
Apr 29 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
Oct 12 Javascript
深入理解Javascript箭头函数中的this
Feb 13 Javascript
jquery中封装函数传递当前元素的方法示例
May 05 jQuery
JavaScript时间戳与时间日期间相互转换
Dec 11 Javascript
Vue实现侧边菜单栏手风琴效果实例代码
May 31 Javascript
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
Sep 04 Javascript
微信小程序学习笔记之目录结构、基本配置图文详解
Mar 28 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 cookie 作用范围?不要在当前页面使用你的cookie
2009/03/24 PHP
php 一元分词算法
2009/11/30 PHP
PHP图片处理之图片旋转和图片翻转实例
2014/11/19 PHP
ThinkPHP公共配置文件与各自项目中配置文件组合的方法
2014/11/24 PHP
8个PHP程序员常用的功能汇总
2014/12/18 PHP
php实现留言板功能(会话控制)
2017/05/23 PHP
PHP5.6.8连接SQL Server 2008 R2数据库常用技巧分析总结
2019/05/06 PHP
PHP使用redis位图bitMap 实现签到功能
2019/10/08 PHP
PHP连接MySQL数据库的三种方式实例分析【mysql、mysqli、pdo】
2019/11/04 PHP
ExtJs之带图片的下拉列表框插件
2010/03/04 Javascript
jQuery timers计时器简单应用说明
2010/10/28 Javascript
jquery操作checkbox实现全选和取消全选
2014/05/02 Javascript
nodejs中操作mysql数据库示例
2014/12/20 NodeJs
解决jquery实现的radio重新选中的问题
2015/07/03 Javascript
JS控件bootstrap datepicker使用方法详解
2017/03/25 Javascript
AngularJS 单选框及多选框的双向动态绑定
2017/04/20 Javascript
集合Bootstrap自定义confirm提示效果
2017/09/19 Javascript
JQuery元素快速查找与操作
2018/04/22 jQuery
在Vue 中使用Typescript的示例代码
2018/09/10 Javascript
Node批量爬取头条视频并保存方法
2018/09/20 Javascript
一个因@click.stop引发的bug的解决
2019/01/08 Javascript
Vue修改项目启动端口号方法
2019/11/07 Javascript
在nuxt中使用路由重定向的实例
2020/11/06 Javascript
Python中装饰器兼容加括号和不加括号的写法详解
2017/07/05 Python
详解Python循环作用域与闭包
2019/03/21 Python
Python小整数对象池和字符串intern实例解析
2020/03/21 Python
tensorflow中tf.reduce_mean函数的使用
2020/04/19 Python
医疗保健专业人士购物网站:Scrubs & Beyond
2017/02/08 全球购物
城市精细化管理实施方案
2014/03/04 职场文书
岗位说明书怎么写
2014/07/30 职场文书
企业党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
商务考察邀请函模板
2015/02/02 职场文书
前台岗位职责范本
2015/04/16 职场文书
八年级作文之一起的走过日子
2019/09/17 职场文书
python微信智能AI机器人实现多种支付方式
2022/04/12 Python
JavaScript设计模式之原型模式详情
2022/06/21 Javascript