Jquery的增加一条，批量增加, 减少一条

最新推荐文章于 2020-07-29 21:54:50 发布

奋斗到深夜的小程序员

最新推荐文章于 2020-07-29 21:54:50 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/adminyan/article/details/53418139

版权

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

<form>
    <table>
        <tr>
            <td>账号</td>
            <td>密码</td>
            <td>email</td>
        </tr>
        <tr>
            <td><input type="text" name="list[0][hao]" id="" />    </td>
            <td><input type="password" name="list[0][pas]" id="" />    </td>
            <td><input type="text" name="list[0][email]" id="" />    </td>
        </tr>
        <tr>
            <td colspan="3">
                <a id="addtr">增加一行</a>
            </td>

        </tr>
        <tr>
            <td colspan="3">
                <a id="addtrj">减少一行</a>
            </td>

        </tr>
    </table>
</form>
</body>
</html>
<script src="js/jquery.min.js"></script>
<script>
    $(function(){
        $("#addtr").click(function(){
            var nowtr = $(this).parents('tr')
            var prevtr = nowtr.prev().html()
            var index = $("table tr").length-2
            var newtrtr = prevtr.replace(/list[(d+)]/g,'list['+index+']')
            nowtr.prev().after("<tr>"+newtrtr+"</tr>")
            //alert("<tr>"+newtrtr+"</tr>")
        })

        $("#addtrj").click(function () {
            var nowtr = $(this).parents('tr');
            nowtr.prev().prev().remove();
        })
    })
</script>