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>');
});

复制标题属性值并插入为InnerHTML

2 个答案: