nth-of-type не работает с числовыми значениями

06 октября 2019, 01:40

Есть вот такое огромное DOM-дерево сгенерированное библиотекой: Хочу выбрать из него первые два элемента с классами .tns-item.tns-slide-active. При использовании любого nth селектора происходит следующее: Но когда я использую не числовое значение в селекторе (например odd) все работает: C чем это связанно, и как можно исправить это?

Answer 1

селектор :nth-of-type, как следует из его названия, осуществляет выборку на основе типа элемента.

При использовании его с классами просто накладывается дополнительное условие: элемент с определенным типом не только должен имеет соответствующий индекс, но так же иметь указанный класс.

Исходя из этого кажется, что числовые индексы не работают, однако это не так, просто твои элементы не подходят под селектор.

Решением может стать только выборка всех элементов с классами, и затем из полученной коллекции получить нужные элементы с помощью javascript, например, преобразовав коллекцию к массиву и применив метод slice