Question

我是一個大問題，打在那裏我看到同樣的數據被顯示多次

一旦點擊了一個href標記，此功能將被調用（這將追加數據到一個div）

$(document).on("click", ".secclass a", function (e) { 
if(whetherchecked) 
    { 
var name = $(this).attr("name"); 
var topping='<div class="Topping-details"><section><i id="topping-close"></i><a href="#">'+name+'</a></section></div>'; 

     $("#myordersdiv ul").append(topping); 
     clcik++; 
     $("#myordersdiv").find("i.totalorders").text(clcik); 
     $("#myordersdiv").show(); 

    } 
}); 

同樣上的複選框選中時，我加入訂單同一div

$(document).on("click", ".checkboxclas", function(e) { 
    if ($(this).is(':checked')) { 
     wqhetherchecked = true; 
     var buildcart = $('<div id="addtoordersdiv"></div>'); 
     buildcart.append('<div data-role="collapsible"><div class="prd-items-detials"><ul><li class="head"><form><label class="testtt" for="checkbox-mini-0">' + itemname + '</label></form></li><li class="prd-items-qt"></div>'); 
     var dataa = '<div id="ordersdiv" style="display:none"></div>'; 

     $("#myordersdiv ul").append(dataa); 
     $("#ordersdiv").prepend(buildcart); 
     clcik++; 
     $("#myordersdiv").find("i.myorderhead22").text(clcik); 
     $("#myordersdiv").show(); 
    } else { 
     $('#addtoordersdiv').remove(); 
     clcik--; 
     $("#myordersdiv").find("i.myorderhead22").text(clcik); 
    } 
}); 

作爲這種在div的結果被附加有重複的數據，你能告訴我如何解決這個問題嗎？

Answer 1

如果您的類有多個.checkboxclas元素，那麼代碼稍後會出現問題（當您修改元素時），因爲您只使用$（this）來檢查是否已選中。

$（「＃myordersdiv ul」）。append（dataa）;將數據附加到#myordersdiv中的所有uls。另外，無論何時您選中一個框，您都會創建#ordersdiv（dataa），但是當您取消選中時，您不會將其刪除。