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

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

韦小宝
Lepaskan: 2017-11-29 10:18:11
asal
2805 orang telah melayarinya

本文实例讲述了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>
Salin selepas log masuk

以上就是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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan