在一个table中动态添加一行或删除一行

最新推荐文章于 2022-11-17 11:04:27 发布

转载最新推荐文章于 2022-11-17 11:04:27 发布 · 673 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/522120

文章标签：

#前端 #ViewUI

本文介绍了一种通过脚本语言实现表格元素的添加与删除的方法。具体包括如何使用JavaScript来定位并操作HTML表格中的特定行。此外，还涉及了在不同位置插入新行以及移除指定行的技术。

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

     
    <table id="selected_user_table" width="100%" >

        <thead>

            <tr><th class="center" colspan="2"  style="background-color:#F2F2F2;height:20px;">已选择</th></tr>

        </thead>

        <tbody id="select_user_td">

        </tbody>

    </table>
<script>
//添加一行

    var trHTML = "<tr id='tr_"+row.id+"'><td width='10%'><input  name='selected_user' type='checkbox'/></td></tr>"

    if(isOder){

        $("#select_user_td tr:eq("+num+")").after(trHTML); 

    }else{

        $("#select_user_td").append(trHTML);

    }

    //删除一行

    $("#tr_"+row.id).remove();//选中tr，然后删除。
</script>