Точный поиск элемента по классу

[surru]

День добрый. Собственно суть. Есть, допустим, много дивов вот с такими именами классов:

<div class="event-container closed-task cancelled-task    ">
<div class="event-container closed-task cancelled-task CANCELLED    ">

Использую:

getElementsByClassName('event-container closed-task cancelled-task')

Мне возвращается nodelist с дивами имеющими оба описанных выше именами классов. Собственно вопрос - как в getElementsByClassName сделать поиск по точному совпадению имени класса?

[laimas]

'event-container.closed-task.cancelled-task'

[ksa]

'event-container.closed-task.cancelled-task'

Это не сработает...

<div class="event-container closed-task cancelled-task CANCELLED"></div>
<script type='text/javascript'>
var o=document.getElementsByClassName('event-container.closed-task.cancelled-task');
alert(o.length);
</script>

[ksa]

как в getElementsByClassName сделать поиск по точному совпадению имени класса?

Почему именно getElementsByClassName?

Можно например так...

<div class="event-container closed-task cancelled-task"></div>
<div class="event-container closed-task cancelled-task CANCELLED"></div>
<script type='text/javascript'>
var o=document.querySelectorAll('.event-container.closed-task.cancelled-task:not(.CANCELLED)');
alert(o.length);
</script>

[laimas]

Это не сработает.

Сработает:

document.querySelector('.event-container.closed-task.cancelled-task')

[ksa]

Сработает

И это не сработает...
1. Автору нужно работать с getElementsByClassName
2. Твой вариант просто выберет первое совпадение. Если использовать querySelectorAll с твоим селектором - так же выберется 2 элемента

<div class="event-container closed-task cancelled-task"></div>
<div class="event-container closed-task cancelled-task CANCELLED"></div>
<script type='text/javascript'>
var o=document.querySelectorAll('.event-container.closed-task.cancelled-task');
alert(o.length);
</script>

[laimas]

Твой вариант просто выберет первое совпадение.

Ну это уже не мои проблемы, заказан поиск по составному классу, пусть применяет метод подобающий, а то что querySelectorAll выберет несколько, то так и должно. Если нужно выбрать N-ый из этого набора, значит пусть указывает дополнительный селектор, какие проблемы?

[ksa]

Ну это уже не мои проблемы

Потопил...

[ksa]

Если нужно выбрать N-ый из этого набора, значит пусть указывает дополнительный селектор, какие проблемы?

Автору нужны элементы только (!) с таким набором. Элементы с такими классами + еще какие-то ему не нужны.
Т.о. твой селектор ему не поможет.

[laimas]

Автору нужны элементы только (!) с таким набором.

Я не знаю какие у него наборы, но если указанного составного класса и исключая .... кто мешает добавить :not(....)?