jQueryで画像にリンクを張りたい

質問

HTMLページに
<img src="1.jpg" width="50" height="50" id="tes">
というタグがあるのですが、
ページが読み込まれたときに、
そのタグにaタグをつけて
<a href="hoge.html" target="_blank"><img src="1.jpg" width="50" height="50" id="tes"></a>
とリンクを張りたいのですが以下のような
スクリプトを書いてみたのですが、
できません。

<script type="text/javascript">
$(function(){
$('<img />').append($('<a />',{
href:"hoge.html",
target:"_blank"
})
)
});
</script>

jQueryがよくわかっていないのでめちゃくちゃなのだと思いますが、
そもそもこのように画像にaタグをつけることは可能なのでしょうか。

jQueryのバージョンは1.2.6を使っていますが、
新しいバージョンでも構いません。
よろしくお願いします。

回答No.1

JaneDue · ベストアンサー

//ページが読み込まれたら
$(document).ready(function(){
// id=tes を 以下で包む
$('#tes').wrap(
$('<a></a>').attr({href:"hoge.html",target:"_blank"})
);
});

お礼

出来ました。
ありがとうございました。