专业网站建设品牌，十四年专业建站经验，服务6000+客户--广州京杭网络
免费热线：400-683-0016      微信咨询  |  联系我们

jQuery实现html表格动态添加新行的方法_CSS学习

当前位置：网站建设 > 技术支持
资料来源：网络整理       时间：2023/3/4 2:34:18       共计：3577 浏览

jQuery实现html表格动态添加新行的方法？

jQuery实现动态添加行的方法

<script src="jquery-1.6.2.min.js"></script>

<script type="text/javascript">

<!-- jQuery Code will go underneath this -->

$(document).ready(function () {

// Code between here will only run when the document is ready

$("a[name=addRow]").click(function() {

// Code between here will only run

//when the a link is clicked and has a name of addRow

$("table#myTable tr:last").after('<tr><td>Row 4</td></tr>');

return false;

});

});

</script>

</head>

<body>

<table style="width: 100%" id="myTable">

<tr><td>Row 1</td></tr>

<tr><td>Row 2</td></tr>

<tr><td>Row 3</td></tr>

</table>

<a href="#" name="addRow">Add Row</a>

</body>

</html>

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。
·上一条：翻动的时候出现动作效果的东西是叫做什么啊_CSS学习 | ·下一条：html怎么设置表格参数_CSS学习

Copyright © 广州京杭网络科技有限公司 2005-2024 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有