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）;将dataa附加到＃myordersdiv中的所有uls。

此外，无论何时选中一个方框，都会创建#ordersdiv（dataa），但是当您取消选中时，则不会删除它。

Div附加了重复数据

1 个答案: