Question

基本上我正在尝试抓取图像的SRC，将其包装在一个锚中，然后使用img的SRC作为它的HREF，我到目前为止得到了以下代码，但是我有点陷入困境至于如何完成它，任何想法？

$('#detail img').wrap(function() {
return '<a href="" rel="one" class="fancybox" />';
  });

$('#detail img a').attr('src',$('#detail img').attr('src'));

Answer 1

$('#detail img').wrap(function() {
    return '<a href="' + this.src + '" rel="one" class="fancybox" />';
});

顺便说一句，如果你可以修改初始HTML，那么最好用JS做这个。

Answer 2

$('#detail img').wrap(function() {
    return '<a href="' + $(this).attr('src') + '" rel="one" class="fancybox" />';
});

您的第二行始终只使用找到的第一个 img a。另外，img a无论如何都不是有效的选择器，因为a不能是img的孩子。

Answer 3

在.wrap()函数中，this引用当前元素（特定<img>），因此您可以执行此操作：

$('#detail img').wrap(function() {
    return '<a href="' + this.src + '" rel="one" class="fancybox" />';
});

使用带有jquery的img src动态填充锚点href

3 个答案: