Jquery 将变量附加到悬停时的一组链接

尝试在悬停时将变量附加到div中的一组链接，并在鼠标悬停时删除。我对此有很多问题

$('a').hover(function () {
    var link = $(this).attr("href");
    $(".box li a").attr("href", link + '?color=' + somerandomcolor);
});

HTML

---

注意到的问题。这将添加它应该添加的变量，并在每次我将鼠标悬停在链接上时继续添加它，因此我最终得到link.html？color=black？color=red。另一个问题是，如果我有另一个具有链接的box类的div，它也会更改这些链接。我想我正在寻找一种解决方案，几乎可以重置每个鼠标。感谢您的帮助。

每次追加此项的原因是您尚未定义任何函数来处理鼠标出壳

下面是使用mouseover（）和mouseout（）的简单方法

}))

更新：我添加了

这个

关键字，它只改变一个链接，而不是所有

a

元素

---

每次追加的原因是您没有定义任何函数来处理mouseout案例

下面是使用mouseover（）和mouseout（）的简单方法

}))

更新：我添加了

这个

关键字，它只改变一个链接，而不是所有

a

元素

---

这可以通过以下方法完成：

$('a').hover(function (){
    var link = $(this).attr("href");
    $(this).attr("href", link + '?color=' + somerandomcolor);
}, function (){
    var link = $(this).attr("href");
    link = link.substring(0, link.indexOf('?'));
    $(this).attr("href", link);
});

小提琴：

---

了解有关悬停的更多信息：

这可以通过以下方法完成：

$('a').hover(function (){
    var link = $(this).attr("href");
    $(this).attr("href", link + '?color=' + somerandomcolor);
}, function (){
    var link = $(this).attr("href");
    link = link.substring(0, link.indexOf('?'));
    $(this).attr("href", link);
});

小提琴：

---

了解有关悬停的更多信息：

这会正确删除重复项，但当我滚动到其他链接时，仍然存在问题，它仍然会获得上一个链接。如果这有道理的话。@Theman如果认识此人，那么您希望此效果仅应用于1个div，即box1，而不是box2？？这会正确地删除重复项，但我在翻滚其他链接时仍然存在问题，它仍然会获得上一个链接。如果这有道理的话。@Theman如果认识此人，那么您希望此效果仅应用于1个div，即box1，而不是box2？？这会正确地删除重复项，但我在翻滚其他链接时仍然存在问题，它仍然会获得上一个链接。如果这有意义的话。@Theman谁知道这个人，那么您希望这个效果只应用于1个div，即box1，而不是box2？？

$('a').hover(function (){
    var link = $(this).attr("href");
    $(this).attr("href", link + '?color=' + somerandomcolor);
}, function (){
    var link = $(this).attr("href");
    link = link.substring(0, link.indexOf('?'));
    $(this).attr("href", link);
});