jQuery поиск класса

Question

<ul class="list">
    <li class="class1">text</li>
    <li class="class2">text</li>
    <li class="class3">text</li>
    <li class="class4">text</li>
    <li class="class5">text</li>
</ul>

Как мне найти какой-нибудь класс внутри .list?

Как:

search for .class1 inside .list () {
     // do something if true
} else {
     // do something if false
}

Answer 1

jQuery просто использует CSS-селекторы. Так что используйте селектор потомков.

var $items = $('.list > .class1');

if ( $items.length ) {
  // do something here
} else {
  // if false
}

Answer 2

var classOneEl = $('.list').find('.class1');

Или любой другой ответ будет работать.Много способов.

Answer 3

Чтобы перебрать каждый элемент в ul.list:

$('.list').each(function() {
  //do something here
});

Для доступа к более конкретному элементу вы можете использовать более конкретный селектор CSS:

$('.list > .class1').each(function() {
   //do something here
}

Вы также можете присвоить его переменной. Операции, которые вы над ним выполняете, могут логически зависеть от того, сколько элементов содержит селектор.

//example
var listItem1 = $('.list > .class1');
listItem1.hide();