JavaScript - 从框中删除项目名称

JavaScript - Removing item name from box?

本文关键字：删除项目 JavaScript      更新时间：2023-09-26

所以我有一个系统。您单击产品图片，它会将其添加到购物车，如果您再次单击它（删除它），它会再次将其添加到购物车。我怎样才能防止它这样做？

这是我的JavaScript：

$(".item-card").mousedown(function() {
    $(this).toggleClass("red lighten-1 white-text selected-item");
    var itemnume = $(this).find("img").attr("title");
    console.log(itemnume);
    $("#itemcart").html($("#itemcart").html() + "<div id="+itemnume+">"+itemnume+"</div>");
    calculateTotal();
});

搜索功能

function searchItem(){
    $("#itemcart").each(function() {
        var itemnume = $(".item-card").find("img").attr("title"); 
        if($("#itemcart").html(itemnume)){
            $("#itemcart").html($("#itemcart").html() + "<div id="+itemnume+"></div>");
        }
    });
}

父级的网页

<div id="itemcart" style="float: left;height: 170px;width: 230px;left: 265px;">   
</div>

你可以这样做：

var itemnumes=[];
    $(".item-card").mousedown(function() {
    $(this).toggleClass("red lighten-1 white-text selected-item");
    var itemnume = $(this).find("img").attr("title");
    if($.inArray(itemnume, itemnumes)){
        $("#"+itemnume).remove();
        return;
    }
    itemnumes.push(itemnume);
    $("#itemcart").append($("<div id="+itemnume+">"+itemnume+"</div>"));
    calculateTotal();
});

检查商品编号是否已添加到购物车，然后将其删除。

$(".item-card").mousedown(function() {
    $(this).toggleClass("red lighten-1 white-text selected-item");
    var itemnume = $(this).find("img").attr("title");
    console.log(itemnume);
    var cart_item = $("#" + itemnume);
    if (cart_item.length == 1) { // Already in cart, remove it
        cart_item.remove();
    } else { // Add it to cart
        $("#itemcart").append($("<div id="+itemnume+">"+itemnume+"</div>"));
    }
    calculateTotal();
});
相关文章：