仅使用Jquery将链接分配给图像并使其可单击

Question

我有一个与一些链接链接的图像滑块，在桌面版本中，当你点击图像时，它会正确地指向链接，但当我切换到移动版本并点击图像时链接不起作用，我试图使用Jquery:解决这个问题

jQuery (document) .ready (function () {
jQuery ('. fullwidthbanner-container ul> li: nth-child (3) img'). each (function () {
var currentImage = jQuery (this);
currentImage.wrap ("<a target='_self' href='http://jquerybyexample.blogspot.com'" + currentImage.attr("href") + "'</a>");
});
});

但它仍然不起作用，有没有办法让这些图像超链接？

Answer 1

建议尝试以下操作。

jQuery(function($) {
$('.fullwidthbanner-container > ul > li:eq(3) > img').each(function(i, el) {
$(el).wrap(function() {
return "<a href='http://jquerybyexample.blogspot.com" + $(this).attr("src") + "'></a>";
});
});
});

查看更多：https://api.jquery.com/wrap/

图像通常具有src属性，而不是href属性。