复制标题属性值并插入为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标题或Image 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类class 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>');
});