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要素でimgをwrapできます

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

それとも、イメージにクリックイベントハンドラをバインドし、window.locationを使用することができます。

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