编程 Javascript

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程序设计有所帮助。

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

- Author -

hbiao68

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript 自动完成脚本整理(33个)

Oct 20 Javascript

JavaScript中的eval()函数详解

Aug 22 Javascript

jQuery中eq()方法用法实例

Jan 05 Javascript

javascript实现textarea中tab键的缩排处理方法

Jun 26 Javascript

AngularJS ng-controller 指令简单实例

Aug 01 Javascript

原生js实现吸顶效果

Mar 13 Javascript

详解AngularJS1.6版本中ui-router路由中/#!/的解决方法

May 22 Javascript

vue实现的仿淘宝购物车功能详解

Jan 27 Javascript

node.js基于socket.io快速实现一个实时通讯应用

Apr 23 Javascript

Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法

Sep 03 Javascript

node.js如何根据URL返回指定的图片详解

Oct 21 Javascript

JavaScript实现音乐导航效果

Nov 19 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