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

Question

我正在使用 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>

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

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

Answer 1

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

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

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