jquery动态生成和删除表格一行

fangwk1010

于 2015-02-03 18:46:24 发布

阅读量588

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.youkuaiyun.com/fwk1010/article/details/43453339

jQuery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的简单示例，通过点击按钮可以动态地向表格中添加或删除行。该示例适用于初学者了解如何利用jQuery进行DOM操作。

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

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery动态生成和删除一行</title>
<script type="text/javascript" src="jquery-2.0.0.js">
</script>
<script type="text/javascript">
   $(function() {
       var number = 0;
       $("#add").click(function() {
           number++;
           var table = $("#table");
           var html = "<tr><td>" + number + "</td></tr>";
           table.append(html);
       });
       $("#sub").click(function() {
           if (number == 0) {
               alert("没有可删除的行啦！");
           } else {
               number--;
               $("#table tr").last().remove();

           }

       });
   })
</script>
</head>
<body>
   <button id="add">添加一行</button>
   <button id="sub">删除一行</button>

   <table id="table">
   </table>
</body>
</html>