Добавить ссылку на изображение динамически

Question

Если у меня есть элемент img id = "myimg".
Можно добавить ссылку на "IMG" без редактирования HTML-страницы с помощью jQuery

<img id="myimg" src="image.png">

Я хотел бы, чтобы в myimg была такая ссылка.

<a href="test.html"><img id="myimg" src="image.png"></a>

Answer 1

Вы можете использовать wrap():

$("#myimg").wrap("<a href='test.html'></a>');

или

$("#myimg").wrap($("<a>").attr("href", "test.html"));

или

var a = $("<a>").attr("href", "test.html");
$("#myimg").wrap(a);

Answer 2

Я не в JQuery. Используя Javascript, вы можете сделать что-то вроде:

var parentEl = document.getElementById("myimg").parentElement;
var imgEl = parentEl.innerHtml;
parentEl.innerHtml = '<a href="test.html">' + imgEl + '</a>';

Answer 3

$(document).ready(function() {
        var src = "linkhere.html";
        var a = $("<a/>").attr("href", src);
        $("#myimg").wrap(a);
});