Как назначить класс всем ссылкам в блоке, кроме первой?

Question

[RushV]

Есть следующая разметка:

<div class="col" id="lic-1">
  <a href="#"></a>
  <a href="#"></a>
  <a href="#"></a>
</div>
<div class="col" id="lic-2">
  <a href="#"></a>
  <a href="#"></a>
</div>

Надо внутри блоков #lic-1 и #lic-2 всем ссылкам, кроме первых, добавить класс "d-none". Как это сделать?

Answer 1

[0xD34F]

document.querySelectorAll('.col').forEach(n => {
  n.querySelectorAll('a').forEach((m, i) => m.classList.toggle('d-none', !!i));
});

или (если перед первыми ссылками других элементов нет, и сами ссылки ни во что дополнительно не обёрнуты)

document.querySelectorAll('.col a').forEach(n => {
  n.classList.toggle('d-none', !!n.previousElementSibling);
});

Comments

[Сергей delphinpro]

document.querySelectorAll('.col a')
  .forEach((m, i) => m.classList.toggle('d-none', !!i));

[0xD34F]

Пропустить первую среди всех или первую в каждом блоке? Да, понять можно по-разному - автор вопроса довольно косноязычен.

[RushV]

0xD34F, Прошу прощения "первую в каждом блоке"

[0xD34F]

Ваше "прошу прощения" тут никому не нужно. Вы вопрос исправьте.

[RushV]

0xD34F, Исправил уже.

[0xD34F]

Кроме формулировки неплохо бы ещё исправить орфографические и пунктуационные ошибки, нарушение правил (3.4), ну и заголовок - там явно пропущено слово.

[RushV]

0xD34F, Спасибо, всё исправил.

[0xD34F]

Не всё.

[RushV]

0xD34F, вроде проверил всё.

[0xD34F]

Ваш родной язык какой?

[RushV]

0xD34F, Признаюсь с русским у меня плохо, но если вы увидели ошибку покажите.

[0xD34F]

Правку вопроса примите.

Answer 2

[zkrvndm]

Чтобы отбросить первые элементы в каждом блоке вы можете использовать псевдоклассы. Пример:

document.querySelectorAll('div.col > a:not(:nth-child(1))').forEach(function(e, i) {
    e.classList.add('d-none');
});