Как перебрать селекторы через for?

Question

[Максим К]

Всем привет. Есть селектор:
document.querySelector("body > form:nth-child(1) ******> ***>** ");

Как заставить работать такой код:

let aa = 10;

for (let i=0; i <= aa; ii ++){
let bb = document.querySelector("body > form:nth-child(${i}) ******> ***>** ");
if (bb.checked) { выполняем код}
}

Вместо i не подставляются значения, а если полностью строку сделать через:

let a = 'document.querySelector("body > form:nth-child(' 
let b = ') ******> ***>** ")';

let c = (a + i+ b).checked  = не работает, т.к. a и b строковые значения (((

Как можно перебрать DOM элементы через цикл for ??? Спасибо

Comments

[Тынай Бакасов]

let aa = 10;

for (let i = 0; i <= aa; i++){
let selector = `body > form:nth-child(${i}) ******> ***>**`;
let bb = document.querySelector(selector);
if (bb && bb.checked) {
// выполняем код
}
}

Попробуйте

[WbICHA]

Может для начала доку по селекторам почитать?

[Максим К]

WbICHA, с самими селекторами вопросов не возникает, а вот с перебором их в циклах - есть вопросы.
Спасибо

[Ankhena]

По-моему, вы очень затейливо решаете какую-то довольно простую задачу.
Хорошо бы рассказать именно её.

Но если всё таки так надо, то:
1. ii ++? Может все таки i++?
2. Почитайте про querySelectorAll.
3. Зачем в селекторе body? У вас что, есть формы, которые лежат не в body? У вас >11 форм на странице?
Может, вам просто инпуты найти?
Заменить всю эту дичь на что-то типа document.querySelectorAll('input[type="chekbox"]') и дальше forEach.
4. Используйте кавычки `

с самими селекторами вопросов не возникает,

Лично у меня ваш селектор вызывает много вопросов. Очень много.

[Максим К]

Тынай Бакасов, Спасибо работает

Answer 1

[Aetae]

Поменять кавычки с " на `, которые включают режим шаблонных строк.

Но ващет проще document.querySelectorAll и перебрать уже как массив, без таких извращений.

Comments

[AUser0]

А ещё можно банально: (a + i.toString() + b)

[Вадим]

Максим К, вот тут Вам очень дельно предлагают. Не нужно в цикле на каждой итерации делать поиск по DOM. Это одна из дорогих операций. Да, Вы может этого не замечаете, потому что Всё отрабатывает быстро, но тем не менее, если заранее знать что делаете плохо - лучше плохо не делать.

Так что найдите сразу все формы, а потом уже в цикле просто обращайтесь по индексу к нужной.

А ещё, судя по коду, Вы находите в теле документа первые 10 форм. Что, в целом, выглядит очень странно. Что же это за страница такая, на которой 10 форм? И почему Важны только первые 10? Если в 11ой будут такие дочерние элементы - то она не подойдёт? Просто, формы можно не искать, они доступны в document.forms.

Далее. Вы находите первые чекбоксы, которые лежат на конкретном уровне вложенности. Так может им просто задать отдельный класс и искать сразу их?