从另一个中获取文本并添加到img alt

时间:2013-07-21 18:58:55

标签: javascript jquery fancybox

我想从blogger blogspot标题表中复制文本并将其添加到img alt,以便它将作为标题/标题显示在fancybox幻灯片中。

所以,这是我的HTML:

<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; text-align: right;"><tbody>
<tr>           <td style="text-align: center;"><a href="URL"><img align="right" alt="" src="URL" title="Ghostly Waves in the Valle de Rocas" width="320" /></a></td>         </tr>
<tr>           <td class="tr-caption" style="text-align: center;">This is my Caption</td>         </tr>
</tbody></table>

我的剧本是:

   $("tr-caption").each(function(){
     var Caption = $(this).text();

     if (Caption && Caption !== ''){
         $(this).parent(img).attr('alt', Caption );
     }
});

这是我希望的输出......

<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; text-align: right;"><tbody>
<tr>           <td style="text-align: center;"><a href="URL"><img align="right" alt="This is my Caption" src="URL" title="Ghostly Waves in the Valle de Rocas" width="320" /></a></td>         </tr>
<tr>           <td class="tr-caption" style="text-align: center;">This is my Caption</td>         </tr>
</tbody></table>

但它不起作用......

这是一个jsfiddle:http://jsfiddle.net/NCqW2/6/

任何帮助非常感谢!谢谢你抽出时间看看!

1 个答案:

答案 0 :(得分:1)

更换

$(this).parent(img).attr('alt', Caption );

$(this).parent().prev().find('img').attr('alt', Caption );

应该这样做。