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

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" />';
});