Выбрать элемент по 3 классам

@xoma_204 · Регистрация: 06.08.2014

Author24 — интернет-сервис помощи студентам

Здравствуйте
есть элементы:

HTML5

<div class="name1">block1</div>
<div class="name1 name2">block2</div>
<div class="name1 name2 name 3">block3</div>
<div class="name1 name2 name 3 name 4">block4</div>

Каким Jquery селектором можно выбрать только блок 3?
Т.е блок с классами name1 name2 name3

@Lazy_Den · 26.10.2014, 23:59

xoma_204, способов можно придумать несколько, но вот то, что первое в голову пришло:

Javascript

1	$('.name3:not(.name4)').css('font-size', '3em');

Я так понимаю, что пробелы между name и 3 - это очепятка?

Добавлено через 3 минуты
Вот еще один вариант, без всякого рода фильтраций:

Javascript

1	$('div[class$="name3"]').css('font-size', '3em');

@and_y87 · 27.10.2014, 11:50

xoma_204, Lazy_Den,
В контексте построения элементов в указанном порядке так же сработает:

Javascript

1	$('.name3').first()

- первый элемент из всех выбранных по указанному селектору.

Пояснение к вариантам Lazy_Den:

Javascript

1	$('div[class$="name3"]')

- Элемент у которого аттрибут class заканчивается на "name3"

Javascript

1	$('.name3:not(.name4)')

- Элемент с class "name3" не имеющий class "name4"

	27.10.2014, 11:50

Выбрать элемент по 3 классам

Решение