Jquery基础知识关于parent的用法

最新推荐文章于 2023-10-05 08:57:39 发布

原创最新推荐文章于 2023-10-05 08:57:39 发布 · 266 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #ViewUI

收录于

Jquery 专栏收录该内容

6 篇文章

订阅专栏

本文将介绍JavaScript中如何使用$(this)选择器进行DOM操作，通过点击按钮触发事件，展示元素内容，深入理解事件绑定与DOM操作的基本概念。

<script type="text/javascript">
$(function(){

$("#btn1").click(function(){

alert($(this).parent().next().html());
//this.parent()是input前面的td
//this.parent().parent()获取的是tr
//this.parent.parent().parent()获取的是table
//this.parent.next()获取的是td相邻的td

});


});



</script>
  </head>
  
  <body>
   <table>
   <tr>
   <td><input id="btn1"  class="btn"  type="button"  value="test"/></td>
   <td>some  text</td>
   
   
   </tr>
   
   
   </table>
  </body>
</html>