Как правильно проверить наличие css класса у дочерних элементов с помощью jquery?

Question

[pofeg]

<ul class="list">
 <li class="active">text</li>
<li>text2</li>
</ul>

Мой вариант:

const $lst = $('.list');
  if ($lst.children().hasClass('active')) {
    $(this).css({'display':'block'});
  }

Но почему-то этот способ не срабатывает. В чем может быть проблема?

Answer 1

[Danny Arty]

Измененное

Comments

[pofeg]

проблема в том что таких элементов одинаковых на странице несколько и мне нужно использовать this

[Danny Arty]

pofeg,

проблема в том что таких элементов одинаковых на странице несколько

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

мне нужно использовать this

это обязательное условие задачи?

[pofeg]

Danny Arty, Не работает ваш метод. Он просто никак не реагирует.

[Danny Arty]

pofeg, отлично работает. В примере ниже сделал background: red; для li с классом active для наглядности. Вы jquery подключили?

[pofeg]

Danny Arty, вы не совсем правильно поняли вопрос) мне нужно родителя выделить а не сам блок)

[Danny Arty]

pofeg, изменил codepen и добавил его в ответ. Используется this как вы хотели

[0xD34F]

Можно гораздо короче сделать:

$('.active').parent('.list').css('background', 'red');

[Danny Arty]

0xD34F, на то вы и куратор) я в js вообще не силен

Answer 2

[Евгений]

$(this) у нас не определён, а так всё правильно написано

Comments

[pofeg]

А как правильно его определить?