JS整行添加删除

    <div><input type="button"value="添加" id="add_btn"/></div>
    <table id="info">
        <tr id="clonetr">
            <td>姓名：</td><td>
            <input type="text" class="name" /></td>
            <td>性别：</td>
            <td><input type="text" class="sex" /></td>
            <td><input type="button" class="DEl" value="删除"/></td>
        </tr>
    </table>
    <div>

        <input type="button" id="btn_sure" value="确认"/>
    </div>

</div>


<script type="text/javascript">
    $(function () {

        ///添加按钮
        $("#add_btn").click(function () {
         
            var clonetr = $("#clonetr").clone();
             $('#clonetr').clone(true).attr('class', 'DEl').appendTo('#info').show();
        

        })

        ///删除
        $(".DEl").click(function () {

            $(this).parent().parent().remove();


        })

        ///确认按钮
        $("#btn_sure").click(function () {
            var names = new Array();
            $(".name").each(function (key, value) {
                names[key] = $(this).val();
                //  或者 btns[key] = $(value).val();
            })
        
            var sexs = new Array();
            $(".sex").each(function (key, value) {
                sexs[key] = $(this).val();
            })
            console.log(names);
            console.log(sexs);

        }) 



    })


</script>