javascript - 复制标题属性值并插入为 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 title 或 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 类 photogalleryItem:

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