如何使用jQuery为图片添加链接？

Question

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

脚本：

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

我想在图片上添加一个超链接。我认为我已经接近成功了，但是我是否还漏掉了什么？

- Beginner

Answer 1

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

试试这个 ^^^

图像元素不能成为链接，但可以包装在链接元素中成为链接。

jQuery文档中的.wrap()

- Naftali

---

啊，你知道吗，我已经尝试过了，我刚刚注意到我拼错了PDF。 - Beginner

不可以，图像元素不能包裹任何东西。 - Lightness Races in Orbit

@TomalakGeret'kal 谢谢你纠正我的英语 ^_^ 我猜我打字有点太快了。 - Naftali

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;
});

- James Allardice