javascript - 将图像 'src' 添加到 ' ' 标签

Question

我正在使用带有缩略图的 JQuery Cycle 插件。如果我使用图像作为幻灯片，这很好用。但我想将这些图像包装在<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>

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

有谁知道解决这个问题的方法？

Answer 1

完成页面渲染后试试这个：

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

它将循环所有img标签，然后将它们的src属性复制到它们的直接父级。