Question

所以，

如果DIV具有该类名，如何使用JavaScript进行检查？这是一个HTML示例 <div class="cart"></div>将成为父级，然后JavaScript会在点击后在该div下创建，但如果它已经存在并且您点击了该项目，那么它只是要将其删除。示例：按钮为黄色，如果单击它，它会将项目添加到购物车并将按钮类更改为选中状态。如果再次单击它，它将删除选定的类，并从购物车中删除项目。我有一个点击部分的代码并将其添加到购物车，但不是为了删除它..我怎么能这样做？

的JavaScript

    $(".item-card").mousedown(function() {
        $(this).toggleClass("selected-item");
        var itemnume = $(this).find("img").attr("title");
        $("#itemcart").append($("<div id="+itemnume+">"+itemnume+"</div>"));
    });

此处它将项目添加到购物车，但如果您要重新点击它，它将再次执行此操作。我已经尝试过编写一个函数，它会检查已经在购物车中的商品，如果是，则将其删除，如果没有则添加，但我从未成功。我想这会解决我的问题。

Answer 1

尝试以下方法：

   $(".item-card").click(function() {
  var itemnume = $(this).find("img").attr("title");
  var replaced = itemnume.split(' ').join('_');

  if ($(this).hasClass('selected-item')) {
    console.log()
    $("#" + replaced).remove();
  } else {
    $("#itemcart").append($("<div id=" + replaced + ">" + itemnume + "</div>"));
  }
  $(this).toggleClass("selected-item");
});

https://jsfiddle.net/0tusd19b/

用于检查div是否具有该类名的子项的Javascript

1 个答案: