Как пронумеровать ссылки?

Question

[Александра]

Как пронумеровать список ссылок, чтобы из этого списка:

<div class="nav-about">
<li><a href="#block"></a></li>
<li><a href="#block"></a></li>
<li><a href="#block"></a></li>
<li><a href="#block"></a></li>
</div>

Получить такой:

<div class="nav-about">
<li><a href="#block1"></a></li>
<li><a href="#block2"></a></li>
<li><a href="#block3"></a></li>
<li><a href="#block4"></a></li>
</div>

Comments

[Aetae]

Но зачем?

Answer 1

[0xD34F]

О каких ссылках идёт речь:

const links = document.querySelectorAll('.nav-about a');

"Нумеруем":

links.forEach((n, i) => n.attributes.href.value += i + 1);

// или

for (const [ i, n ] of links.entries()) {
  n.setAttribute('href', n.getAttribute('href').concat(-~i));
}

// или

for (let i = 0; i < links.length;) {
  links[i].href = links[i].href.replace(/.*(#.*)/, `$1${++i}`);
}

Comments

[Александра]

Спасибо!

Answer 2

[Сергей Соколов]

document.querySelectorAll("div.nav-about a")
  .forEach((a, i) => a.href += (1 + i));

Comments

[Александра]

Спасибо!