JQueryを使用してイメージにHTMLを追加する方法は？

Question

私はGalleriaを使用しています.Galleriaがリンク付きのスライドに入れた画像をラップする必要があります。 <img>偽title=値を付けた後、私はtitle=タグから必要なリンクを描き、<img>周り<a>タグを追加します。

私はこの方法を使用するつもりでした。

これはこれまでのコードです。

$("img#gallery").this.title.appendTo("img#gallery") { });

私は、すべての画像をループにスクリプトを取得し、HTMLを追加しようとしています。

私は.appendToまたは.beforeを使用する必要がある場合は私も知っていないと.after

Answer 1

このアプローチが有効です。あなたはラップ機能を探しています：

<img src="" class="test" alt="test" title="http://www.google.com" /> 
<img src="" class="test" alt="test" title="http://www.yahoo.com" /> 

$.each($(".test"), function() { 
    var title = $(this).attr('title'); 
    $(this).wrap('<a href="'+title+'" />'); 
}); 

Answer 2

あなただけの画像全体の事にクリックをリッスンして、画像がクリックされたかどうかを把握し、そうであれば可能性があり、位置オブジェクトを変更します。

Answer 3

使用する$ .eachは、すべてあなたがラップしたい画像とを反復処理するために：

var title = $('#test').attr('title'); 

$('#test').wrap('<a href="'+title+'" />'); 

これの$ .eachは、あなたが一連の反復処理できるようになりますそれをラップするには

$('img#gallery').wrap('<a href='whatever'>) 

を使用してください。自動的にAタグを閉じます。