我想从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/
任何帮助非常感谢!谢谢你抽出时间看看!
答案 0 :(得分:1)
更换
$(this).parent(img).attr('alt', Caption );
与
$(this).parent().prev().find('img').attr('alt', Caption );
应该这样做。