Как проверить наличие элемента с заданным классом?

Question

[Александр Бондаренко]

Есть код "корзины", как можно сделать проверку наличия класса, если класс уже есть, то вместо добавления нового блока увеличивать значение input'а на 1.

<script>
      $(".buyprod").click(function () {
        var img = $(this).parent().find("img").attr("src");
        var i=1;
        if ($('#cartdiv').hasClass('.module_item1')) {
        const input = $('input');
        input.val(input.val()++);
        }
        else{
          $("#cartdiv").append('<div class="module_holder"><div class="module_item'+i+'"><img src="'+ img +'" alt="photo1"><br><p><input type="number" value="1" min="0" max="5" step="1"></div></div>');
        }
      });
  </script>

Мой код не работает, элементы добавляются постоянно, значение инпута не увеличивается.
Подскажите как можно исправить?

Answer 1

[Vadim Bogomazov]

if ($('#cartdiv').hasClass('module_item1')) {

Нужно убрать точку в методе hasClass в названии класса.

Comments

[Александр Бондаренко]

не помогло, элементы также добавляются, может ещё где-то ошибка?

[Vadim Bogomazov]

Александр Бондаренко, Само добавление класса у $('#cartdiv') где? Я вижу только то, что вы аппендите разметку внутрь него.

[Vadim Bogomazov]

Александр Бондаренко, если нужна проверка класса у элемента внутри module_holder, то нужно использовать метод find и проверять length у jquery коллекции.

[Александр Бондаренко]

Vadim Bogomazov, я хотел проверить наличие класса внутри $('#cartdiv') , это можно как-то реализовать?

[Александр Бондаренко]

Vadim Bogomazov, подскажите как это сделать?

[Vadim Bogomazov]

Александр Бондаренко, уже подсказал - if ($('#cartdiv').find('.module_item1').length)

[Александр Бондаренко]

Vadim Bogomazov, добавляется только один элемент остальные не пускает

[Vadim Bogomazov]

Александр Бондаренко, код на jsfiddle выложите и еще раз нужно объяснить, что вы пытаетесь сделать.

Answer 2

[Exploding]

if ($('#cartdiv .module_item1').length){
//...
}

Можно так ещё ежели что. Или без пробела, чтобы проверить наличие класса непосредственно у самого #cartdiv