複製標題屬性值，並插入爲innerHTML的

Question

我已經自動生成的代碼中我們基於CMS網站這樣

<td class="photogalleryItem"> 
<a onclick="myLightbox.start(this);return false;" rel="lightbox[33136]" href="image1.jpg" title="Test"> 
<img border="0" src="image1.jpg" alt="Test"> 
</a> 
</td> 

我想複製HREF標題或圖片ALT value並插入如下

<td class="photogalleryItem"> 
    <!--Like This <h3 style="text-align:center;">Test</h3>--> 
    <a onclick="myLightbox.start(this);return false;" rel="lightbox[33136]" href="image1.jpg" title="Test"> 
    <img border="0" src="image1.jpg" alt="Test"> 
</a> 
</td> 

我該怎麼做，在使用JavaScript或JQuery。

此代碼在圖庫頁面。所以，這是重複的每一個圖像

Answer 1

如果你有一個td與photogalleryItem類，你可以使用：

$('.photogalleryItem').append('<h3 style="text-align:center;">'+ $('.photogalleryItem').find('img').attr('alt')+'</h3>'); 

如果您有多個td與photogalleryItem類：

$('.photogalleryItem').each(function(){ 
     $(this).append('<h3 style="text-align:center;">'+ $(this).find('img').attr('alt')+'</h3>'); 
}) 

Answer 2

試試這個代碼

$('.photogalleryItem').each(function() { 
    $(this).prepend('<h3 style="text-align:center;">' + $(this).find('img').attr('alt') + '</h3>'); 
});