Как проверить, имеет ли элемент указанный класс c?

Question

У меня есть следующая функция, которая обновляет свои данные следующим образом

refresh: function($contentholder) {

    $contentholder.each(function() {
        $this = $(this);
        if ($this.hasClass("Codes")) {
          //then it does some stuff in here
        }
      }
    }

$contentholder приходит с данными следующим образом

<div class="Codes" cod="t592">
  <h3></h3>
  <div class="Items">
    <div class="ItemCodes" id="592" time="2016/04/30 12:15" places="1"></div>

  </div>
</div>

Единственный способ получить мое выражение if обнаружен, если я проверю его следующим образом $this.hasClass("Codes"), но я хочу, чтобы оператор if выполнялся только в том случае, если hasClass("codes") содержит класс ItemCodes

Это то, что я пробовал, но не работа

if ($this.hasClass("Codes").length > 0) //comes back undefined even though there is data

if ($this.hasClass("ItemCodes"))` //doesnt get detected

По сути, я хочу сделать что-то вроде этого

if ($this.hasClass("Codes").find("ItemCodes"))

Как мне этого добиться?

Answer 1

Вы можете использовать find(), чтобы определить, были ли дочерние элементы .ItemCodes. Вам понадобятся два отдельных условия, поскольку эти утверждения не могут быть объединены.

refresh: function ($contentholder) {
  $contentholder.each(function () {
    $this = $(this);
    if ($this.hasClass("Codes") && $this.find('.ItemCodes').length) {
      // do some stuff in here
    }
  }
}

Answer 2

Вы можете использовать .is() метод в сочетании с :has() псевдоселектором следующим образом:

if ( $this.is('.Codes:has(".ItemCodes")') ) {
    //
}

let $that = $('div.Codes');
console.log( $that.is('.Codes:has(".ItemCodes")') );

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="Codes test me" cod="t592">
  <h3></h3>
  <div class="Items">
    <div class="ItemCodes" id="592" time="2016/04/30 12:15" places="1"></div>

  </div>
</div>