鍍金池/ 問(wèn)答/HTML/ jquery動(dòng)態(tài)添加DOM

jquery動(dòng)態(tài)添加DOM

clipboard.png
點(diǎn)擊待發(fā)貨后動(dòng)態(tài)添加一行

clipboard.png
問(wèn)題是再次點(diǎn)擊后又會(huì)出現(xiàn)

clipboard.png
而且我想點(diǎn)擊待發(fā)貨后隱藏其他待發(fā)貨動(dòng)態(tài)添加的DOM
點(diǎn)擊代碼如下

//待發(fā)貨列表
    function sendGoods(uid,tthis) {
        $.post("{:U('admin/wawa/getwinnerinfo')}",{uid:uid,type:1},function(data){
            console.log(data);
            if(data.status != 1){
                alert("數(shù)據(jù)有誤");
                return;
            }
            data = data.data;
            if(data.length == 0){
                alert("數(shù)據(jù)有誤");
                return;
            }
            let dom = `
                <tr>
                <th>娃娃名稱(chēng)</th>
                <th>物流狀態(tài)</th>
                <th>物流公司</th>
                <th>物流單號(hào)</th>
                <th>發(fā)貨價(jià)格</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">未發(fā)貨</option>
                    <option value="1">已發(fā)貨</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);
        });

    }
回答
編輯回答
吢丕

你可以在你動(dòng)態(tài)添加的tr中添加一個(gè)標(biāo)識(shí),點(diǎn)擊的時(shí)候判斷兄弟節(jié)點(diǎn)有沒(méi)有這個(gè)標(biāo)識(shí)

2017年11月19日 14:39
編輯回答
怪痞

說(shuō)個(gè)思路:點(diǎn)擊待發(fā)貨判斷一下子節(jié)點(diǎn)長(zhǎng)度,大于1不再添加解決重復(fù)添加的問(wèn)題(可以點(diǎn)擊一下顯示物流信息,再點(diǎn)一下刪掉dom),點(diǎn)擊的時(shí)候遍歷兄弟節(jié)點(diǎn)讓添加的物流信息那一塊的dom全部刪掉,解決其他兄弟節(jié)點(diǎn)物流信息不顯示的問(wèn)題

2018年7月10日 05:20