jQuery中的 循环问题

Question

我在点击查看按钮选获取表格某条数据的id的时候，根据id请求多条数据，使用each循环进行渲染，点击完之后，下次点击会累计上次的信息
这是我写的代码：

//查看数据的商品详情页的数据请求
function productDatas(orderNum,type) {

    $.ajax({
        type: 'post',
        data: {orderNo: orderNum},
        url: '/manages/order/query_orderno',
        success: function (data) {
            var item='';
            console.log(data);
            var goodsDatas=data.data.detailList;//goodstype
            console.log(data.data.detailList);
            $.each(goodsDatas,function(i,result){  ///<button type="button" id="lookOrderDatas" class="btn btn-primary">查看</button>
                item += '<tr height="50"><td>'+result.goodstitle+'</td><td>'+result.goodsid+'</td><td>'+result.quantity+'</td><td>'+result.totalprice+'</td><td  style="width: 80px" ><button type="button" id="lookOrderDatas" class="btn btn-primary" style="display: none">查看</button></td></tr>';
                if(result.goodstitle==1){
                    $("#lookOrderDatas").css("display","block");
                }
            });
            $('#productDatas').append(item);
        }
    })

}

这是我的图片

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

意思是不是多次点击查看，弹出的dialog内容是累加的？$('#productDatas')请再append前执行一次empty。

Answer 2

木有太看懂啊，关键代码圈出来，问题是啥，想要啥结果

Answer 3

你应该先清空在添加