td中通过button绑定click事件实现跳转，以及获取同一table中另一td的值

最新推荐文章于 2023-11-14 15:38:15 发布

Ling1604

最新推荐文章于 2023-11-14 15:38:15 发布

阅读量4.4k

点赞数 2

分类专栏：前端开发文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Ling1604/article/details/74392019

版权

前端开发专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何在HTML表格中通过button元素绑定JavaScript click事件，实现在不刷新页面的情况下跳转到其他div，并演示如何获取同一表格内其他单元格（td）的值，强调了使用jQuery插件的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、通过button绑定事件跳转到同一页面的其他div
例：
js页面

 <table id = "tableid">
 <tr>
 <td id = "rcode">"123456"</td>
 <td><button type="button" id="buttonid" onclick="javascript:toManager(this)"></button></td>
 </tr>
 </table>
 <div id ="manage">跳转到的位置</div>

javascript脚本

<script type="text/javascript">
function toManager(r){
            window.location.hash = "#manager";
            var clickRow = r.parentNode.parentNode.rowIndex;//获取button行所在table的index
            alert(clickRow);
            var rcode = $(r).parent().parent().find("#rcode").val();  //rcode为另一td的id
            alert(rcode);
}
</script>

js页面需要引入jquery的插件