如何使用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属性。如果你想让图像充当链接，你有几个选项。你可以在a元素wrap的img：

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

或者你可以点击事件处理程序绑定到的图像，并使用window.location：

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