3

Есть следующие классы:

<li class="holiday_homes steel_structures"></li>
<li class="holiday_homes reinforced_concrete"></li>
<li class="holiday_homes reconstruction"></li>

Как выбрать с помощью jQuery, только один li, с условием выборки двух классов? К примеру, пробую так, не получается:

$('li').find('.holiday_homes, .steel_structures');
6
  • а где тут указывается, что выбирается первый?
    – Grundy
    Commented 24 февр. 2016 в 9:00
  • извиняюсь, li - тэги не сразу отобразились
    – Anton
    Commented 24 февр. 2016 в 9:01
  • я вообще имел ввиду сам селектор: нет ни одного указания какой элемент выбирается
    – Grundy
    Commented 24 февр. 2016 в 9:02
  • Мне надо выбрать всего один li с двумя классами. Я понимаю, что если бы класс был один, то к примеру можно было бы писать так: $('li .holiday_homes') . Но у меня два класса, и мне надо выбрать именно с помощью них.
    – Anton
    Commented 24 февр. 2016 в 9:06
  • стоит добавить в вопрос ожидаемый результат селектора, для данного набора. И уточнить по какому принципу выбирать. То ли первый, то ли один
    – Grundy
    Commented 24 февр. 2016 в 9:07

1 ответ 1

3

В селекторах jQuery применяется синтаксис аналогичный CSS таким образом выбор элементов с двумя классами будет выглядеть так

$('elementName.ClassName1.ClassName2')

Если нужно выбрать только первый, то применять функцию first описанную ниже, либо eq(0), который так же можно добавить в селектор.

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


Есть множество способов, например метод first

$( "li" ).first().css( "background-color", "red" );
1
  • Спасибо тебе. Помог. Вылетело из головы, что нужно классы писать вместе: $('.holiday_homes.reinforced_concrete'); , а я писал их раздельно.
    – Anton
    Commented 24 февр. 2016 в 9:59

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.