将图片'src'添加到'<a>&#39; tags</a>

时间:2013-06-03 02:17:30

标签: javascript jquery jquery-cycle

我正在使用JQuery Cycle Plugin with thumbnails。如果我使用图像作为幻灯片,这可以正常工作。但我想将这些图像包装在<a>标签中。当代码在每张幻灯片的第一个父元素中查找src时,这会打破缩略图,当然a标记没有这个。例如:

//THUMBNAILS    
pagerAnchorBuilder: function(idx, slide) { 
        return '<li><a href="#"><img src="' + slide.src + '" width="145" height="88" /></a></li>'; 
    } 

我想要做的是以某种方式将图像的src附加到其父元素,以便上面的代码可以读取它。类似的东西:

<a href="page.html" class="slide" src="image.jpg"><img src="image.jpg"></a>

但似乎我的浏览器会自动检测到这是不正确的并将其渲染出来。

有没有人知道如何绕过这个?

1 个答案:

答案 0 :(得分:3)

完成页面渲染后尝试此操作:

$("img").each(function(){
  var imgSrc = $(this).attr("src");
  $(this).parent().attr("src", imgSrc );
});

它将循环所有img代码,然后将其src属性复制到其直接父代。