How to assign a class to all links in a block except the first one?

Question

JavaScript

There is the following markup:

<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>

It is necessary to add the "d-none" class to all links inside the #lic-1 and #lic-2 blocks, except for the first ones. How to do it?

Answer 1

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