动态添加删除tr 点击修改获取input值

本文链接：https://blog.csdn.net/cmj962464/article/details/82768709

for(var i=0;i<obj.productstockList.length;i++){
    var str='<tr>' +
            '<td></td>' +
            '<td>' +
            '规格<input type="text" id="styleName'+obj.productstockList[i].styleId+'" value="'+obj.productstockList[i].styleName+'">' +
            '条形码<input type="text" id="txm'+obj.productstockList[i].styleId+'" value="'+obj.productstockList[i].txm+'">' +
            '</td>' +
            '<td>' +
            '<td><a href="#" id="update" onclick="updateStyleNameAndTxm('+obj.productstockList[i].styleId+');" style="display: block">修改&nbsp;&nbsp;&nbsp; </a></td>' +
            '<td><a href="#" id="e" onclick="deleteStyleNameAndTxm('+obj.productstockList[i].styleId+');" style="display: block">删除 </a></td>' +
            '</td>' +
            '</tr>';
    $("#append-param").after(str);
}

function updateStyleNameAndTxm(id){
    alert(id)
    var styleName = $("#styleName" + id).val();
    var txm = $("#txm" + id).val();
    alert(styleName+","+txm);

动态删除tr

function addTrText() {
    var str='  <tr>\n' +
        '                        <td></td>\n' +
        '                        <td>\n' +
        '                            规格<input type="text" name="styleName" value="">\n' +
        '                            条形码<input type="text" name="txm" value="">\n' +
        '                        <td>\n' +
        '\n' +
        '\n' +
        '                        <td><span οnclick="deleteTrText(this);">删除</span></td>\n' +
        '                       </td>\n' +
        '\n' +
        '                        </td>\n' +
        '                    </tr>';
    $("#addTr").after(str)

}

function deleteTrText(obj) {
    /*$(this).parents("tr").empty()*/
    var isDelete=confirm("真的要删除吗？");
    if(isDelete)
    {
        var tr=obj.parentNode.parentNode;
        var tbody=tr.parentNode;
        tbody.removeChild(tr);
    }
}