Javascript, чтобы проверить, имеет ли div ребенка с этим классом

Question

Итак,

Как проверить с помощью JavaScript, если у DIV есть это имя класса? Вот пример 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>")); 
    }); 

Здесь он добавляет элемент в корзину, но если бы вы reclick его, он будет делать это снова. Я пробовал написать функцию, которая проверяет, что это элемент уже в корзине, если он затем удаляет его, если не добавить его, но я никогда не добьюсь успеха. Я думаю, что это решило бы мою проблему.

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/