Rumah  >  Artikel  >  hujung hadapan web  >  jQuery实现查找最近父节点的方法

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

韦小宝
韦小宝asal
2017-11-29 10:18:112783semak imbas

本文实例讲述了jQuery实现查找最近父节点的方法,对于jQuery不太熟的同学们,我们一起来学习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相关的内容请在本站进行搜索哦~

相关推荐:

JQuery节点元素属性操作方法_jquery

JQuery中选择器与DOM节点操作的实例详解

jQuery中DOM操作实例分析

Atas ialah kandungan terperinci jQuery实现查找最近父节点的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn