Jquery--动态追加行

最新推荐文章于 2023-08-13 16:42:36 发布

huang_jimei

最新推荐文章于 2023-08-13 16:42:36 发布

阅读量191

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/huang_jimei/article/details/107484393

版权

Jquery 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

（1）动态追加行
（2）代码

<body>
  <div class="aaa"></div>
  <button id="add">追加</button>
  <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
  <script>
   $('#add').click(function() {
    var arr = [];
    arr.push('<table>');
    arr.push('<tr class="second" style="padding-top:10px">');
    arr.push('<td>');
    arr.push('<a href="javaScript:void(0;)" class="more lose"> - </a>');
    arr.push(' 查询字段： <select class="select"><option>选项</option><option>选项</option></select>');
    arr.push(' 查询条件： <select class="select"><option>选项</option><option>选项</option></select>');
    arr.push(' 查询内容： <select class="select"><option>选项</option><option>选项</option></select>');
    arr.push('</td>');
    arr.push('</tr>');
    arr.push('</table>');
    $('.aaa').after(arr.join(''));
   })
  </script>
 </body>

（3）效果图
在这里插入图片描述

huang_jimei

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Jquery--动态追加行

（1）动态追加行（2）代码<body> <div class="aaa"></div> <button id="add">追加</button> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <script> $('#add').click(function() { var arr =
复制链接

扫一扫