Как обернуть каждый элемент в ссылку с помощью JS?

Question

[Serqwezxc]

Как обернуть каждый img в ссылку с помощью JS?

<div class="slider__itm">
    <img src="img/works/3.png" alt="">
</div>
<div class="slider__itm">
    <img src="img/works/3.png" alt="">
</div>
<div class="slider__itm">
    <img src="img/works/3.png" alt="">
</div>

const inner = document.querySelectorAll('.slider__itm > img')
const wrapper = document.createElement('a')

for (let i = 0; i > 5; i++) {
    inner.parentNode.insertBefore(wrapper, inner)
    wrapper.appendChild(inner)
}

Comments

[Антон Литвиненко]

$('.slider__itm img).wrap('<a class="link"></a>');

Answer 1

[0xD34F]

Кого и во что надо обернуть:

const elements = document.querySelectorAll('.slider__itm img');
const tag = 'a';

Оборачиваем:

elements.forEach(n => {
  n.after(document.createElement(tag));
  n.nextSibling.append(n);
});

или

for (const n of elements) {
  const wrapper = document.createElement(tag);
  wrapper.appendChild(n.parentNode.replaceChild(wrapper, n));
}

или

for (let i = 0; i < elements.length; i++) {
  const wrapper = document.createElement(tag);
  elements[i].replaceWith(wrapper);
  wrapper.insertAdjacentElement('afterbegin', elements[i]);
}

или

(function next(i, n = elements.item(i)) {
  n && (n.outerHTML = `<${tag}>${n.outerHTML}</${tag}>`, next(-~i));
})(0);

Comments

[Serqwezxc]

спасибо большое

[Serqwezxc]

Подскажите пожалуйста, а как можно обратиться к каждой ссылке?

[0xD34F]

Serqwezxc, я не понимаю, чего вам надо. Продумайте свой вопрос более тщательно, и спросите ещё раз.