Почему javascript считает все эелементы?

Question

[Ibishka]

slides = document.querySelectorAll(".slider > div.slide");

В html есть два таких элементов .slider который содержит в обеих 3 .slide. Выше указанный код вернул 6 элементов т.е суммарна в обеих считает. Мне нужно чтоб отдельно считал т.е выдал 3. P.s делаю слайдер.

Comments

[Lynn «Кофеман»]

Ну так напишите правильный селектор который выберет только один слайдер.

Answer 1

[DanielMcRon]

Массив считается всех одинаковых об'ектов,нужно указывать индекс [0] или [1]

Answer 2

[Lynn «Кофеман»]

Потому что document.querySelectorAll выбирает подходящие элементы во всём документе.

Или пишите более торный селектор который выберет только нужные элементы.

Или используйте метод querySelectorAll на каком-нибудь элементе у которого в потомках есть только нужный слайдер.

Answer 3

[Moses Fender]

Слайдерам сделай разные селекторы.

document.querySelectorAll(".slider1 > div.slide");
document.querySelectorAll(".slider2 > div.slide");
document.querySelectorAll(".slider3 > div.slide");

Comments

[Ibishka]

Тогда если будет 10 слайдеров нужно 10 копировать код

[Moses Fender]

Ibishka, Разумеется! А если 100, то сто раз.
А можно в цикле.
Тут же нет телепатов, по одной строчке понять, что ты сделать хочешь.

[Пашенька]

Ibishka, не слушай его. Я уже отвечал тебе. Тебе, как я уже сказал, нужен КОНТЕКСТ, т.е. вызываешь свой слайдер для класса slider, дальше в коде у своего слайдера ты вообще не используешь слово document, а ищешь внутри контекста slider.querySelector('допустим next slide').

Ну а сами слайдеры (3 или сколько их там надо) ты будешь вызывать уже в цикле идя по document.querySelectorAll('.slider') и вызывая свой экземпляр слайдера для каждого из этих дивов.

Но ты, видимо, не понял мой ответ на твой прошлый вопрос.

[Ibishka]

like-a-boss, Да сейчас получилось. Спс большое.