Копировать Название Значение атрибута и Вставить как 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 название или изображение альт 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

Try этот код

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