How to create a neighbor (tag)?

Question

JavaScript

I have a lot of links on the page like <a href="some" class="tab-category">some</a>
How can I create another link next to each link like <a><img></a>?

Answer 1

document.querySelectorAll('.tab-category').forEach(
  link => link.insertAdjacentHTML('afterend', '<a><img></a>')
)

Answer 2

Either on css as written above, or on js, for example api.jquery.com/insertafter

Answer 3

Roughly something like this

var anchors = document.querySelectorAll('a.tab-category');
for(var i = 0; i < anchors.length; i++) {
  var a = document.createElement("a");
  a.appendChild(document.createElement("a"));
  anchors[i].parentNode.insertBefore(a, a.nextElementSibling);
}