jquery动态添加DOM

Question

点击待发货后动态添加一行

问题是再次点击后又会出现

而且我想点击待发货后隐藏其他待发货动态添加的DOM
点击代码如下

//待发货列表
    function sendGoods(uid,tthis) {
        $.post("{:U('admin/wawa/getwinnerinfo')}",{uid:uid,type:1},function(data){
            console.log(data);
            if(data.status != 1){
                alert("数据有误");
                return;
            }
            data = data.data;
            if(data.length == 0){
                alert("数据有误");
                return;
            }
            let dom = `
                <tr>
                <th>娃娃名称</th>
                <th>物流状态</th>
                <th>物流公司</th>
                <th>物流单号</th>
                <th>发货价格</th>
                <th colspan="4">收货人信息</th>
                </tr>
            `;
            for (let i=0;i<data.length;i++){
                let itemData = data[i];
                let domAppend = `
                <tr>
                <td>${itemData.title}</td>
                <td><select name="fh_out_status">
                    <option value="0">未发货</option>
                    <option value="1">已发货</option>
                    <option value="2">已收货</option>
                    <option value="3">兑换娃娃币</option></select></td>
                <td><select name="fh_out_name">
                    <volist name="logistics" id="vo">
                        <option value="{$vo.id}">{$vo.name}</option>
                    </volist></select></td>
                <td><input type="text" name="fh_out_id" /></td>
                <td><input type="text" name="fh_deliveryprice" /></td>
                <td colspan="4">${itemData.title}</td>
                </tr>
                `;
                dom = dom + domAppend;
            }
            $(tthis).parent().parent().after(dom);
        });

    }

Answer 1

你可以在你动态添加的tr中添加一个标识，点击的时候判断兄弟节点有没有这个标识

Answer 2

说个思路：点击待发货判断一下子节点长度，大于1不再添加解决重复添加的问题（可以点击一下显示物流信息，再点一下删掉dom），点击的时候遍历兄弟节点让添加的物流信息那一块的dom全部删掉，解决其他兄弟节点物流信息不显示的问题