Назначьте ссылки на изображения и сделайте их кликабельными, используя только 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.