jquery - jquery：我可以在悬停时动态更改链接的href吗？

Question

嗨，我在链接中有一个图像滑块

我也在尝试在悬停时更改链接的href

可能吗？

干杯

$('#hm_img').parent().attr('href', arrImgs[i].link);

这只有在我悬停时才能回来

Answer 1

尝试使用.hover(), 以及回调。确保相应的元素存在于this.

这是一个示例。

  $('#hm_img').parent().hover(function () {
      $(this).attr("href", "hovered href");  //Note: refer the respective element
  }, function () {
      $(this).attr("href", "back to href");  //Note: refer the respective element
  });

Answer 2

您可以在 img 中执行此操作

onmouseover="$(this).parent().attr('href',$(this).attr('src'))"

更改此部分：$(this).attr('src')查找数组中的链接。可能与 img 上的某些属性引用位置类似..

onmouseover="$(this).parent().attr('href',arrImgs[$(this).attr('data-imgpos')].link)"

或者只是将链接作为属性包含在img.

Answer 3

$('get the id of the image').attr('href', 'your new link')