jQuery 动态操作表行

来源:互联网 发布:硅藻泥设计软件 编辑:程序博客网 时间:2024/05/21 07:59
                <tr>
                    <td>参数:</td>
                    <td colspan="5"><input type="button" id="btn-addParam" value="添加变量"/>

                        <table class="form-table" width="100%" border="0" cellpadding="0" cellspacing="0">

//此处的tr为模板

                            <tr class="sqlparam" style="display:none">
                                <td >
                                变量名称:<input type="text" />&nbsp;&nbsp;&nbsp;
                                变量取值:<input type="text" />
                                <img src='<s:url value="/resources/common/images/ed_delete.gif"/>' id="img-delParam" height='14' width='18' />
                                </td>
                        </table>
                    </td>

                </tr>



        var rows = 0;
        $("#btn-addParam").click(function(){
            var param = $(".sqlparam").clone(true);
            param.insertAfter(".sqlparam").show();
            param.attr("class","param"+0);
            rows += 1;
            //param.insertbefore(".sqlparam").show();
        });
        $("#img-delParam").click(function(){
            $(this).parent('td').parent('tr').remove();
        });