如何將HTML添加到使用JQuery的圖像？

Question

我正在使用Galleria，我需要將Galleria放入帶有鏈接的幻燈片中的圖像。

我打算用這個方法：給<img>虛假title=值，然後附加一個<a>標籤<img>周圍，畫我從title=標籤需要的鏈接。

這是我到目前爲止的代碼。

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

我試圖通過所有圖像的獲取腳本中循環，並追加HTML。

我也不知道我是否應該使用.appendTo或.before和.after

Answer 1

該方法可行。您正在尋找的保鮮功能：

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

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

這$。每次將讓你通過一系列迭代：

<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

使用$。每次通過所有你想包裝圖像和迭代然後使用

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

來包裝它。它會自動關閉A標籤。