如何使用jquery添加图像链接？

Question

 <li id ="pdf1"> <img id ="pfd1img" src="/Content/img/pdf.png"/>Catalogue</li>

脚本：

 $("#pdf1img").attr('href', '/Content/pdf/' + data.pdf1);

我正在尝试为图片添加超链接。我想即将到来，但是我错过了什么？

Answer 1

$("#pdf1img").wrap($('<a>',{
   href: '/Content/pdf/' + data.pdf1
}));

试试^^^

图片元素不能是链接，但它们可以包含在锚元素中。

.wrap() in jQuery Docs

Answer 2

img个元素没有href个属性。如果您希望图像充当链接，您可以选择几个选项。您可以wrap img元素中的a：

$("#pdf1img").wrap("<a href='/Content/pdf/" + data.pdf1 + "'>");

或者您可以将单击事件处理程序绑定到图像并使用window.location：

$("#pdf1img").click(function() {
    window.location.href = "/Content/pdf/" + data.pdf1;
});