Как текстовое содержимое элемента сделать значением атрибута?

Question

[RushV]

Есть:

<a href="">Название 1</a>
<a href="">Название 2</a>
<a href="">Название 3</a>

Надо сделать:

<a href="" title="Название 1">Название 1</a>
<a href="" title="Название 2">Название 2</a>
<a href="" title="Название 3">Название 3</a>

Answer 1

[0xD34F]

$('a').attr('title', function() {
  return $(this).text();
});

или

document.querySelectorAll('a').forEach(n => n.title = n.innerText);

или

for (const n of document.getElementsByTagName('a')) {
  n.setAttribute('title', n.textContent);
}

или

for (let i = 0; i < document.links.length; i++) {
  const n = document.links[i];
  if (n.tagName === 'A') {
    const title = document.createAttribute('title');
    title.value = n.innerHTML;
    n.attributes.setNamedItem(title);
  }
}

Comments

[RushV]

Спасибо!

Answer 2

[Макс]

Если есть jQuery то
.attr( attributeName, value )
через
ссылка на учебник
Вот решение
Codepen.io