Javascript jquery触发器悬停在具有相同选择器属性的另一个元素上

这听起来很简单，有一个解决方案涉及修改CSS类，但我想知道是否有一个优雅的即时解决方案来解决以下问题

这是，但它为我的场景创建了“太多的递归”

因此，我有两个按钮，都去下一个标签；一个在内容的顶部，一个在下面。我希望当我在其中一个上面悬停时，它们都显示悬停状态。它们有相同的html代码

<a href="#" class="button step-next" onclick="showStep(3); return false;">Next &raquo;</a>

但是我最初使用not（）的逻辑是错误的；它将在两个元素之间来回触发事件

---

很明显，我可以修改CSS来添加一个新类，然后在hover/not上删除它，这就是我要走的路线。但是是否有一个只触发的解决方案？

不确定您想要实现什么（

html required

），但这可能是您正在寻找的解决方案：

$('a.step-next').on('mousenter mouseleave', function(e) {
  $(this).siblings('a.step-next').trigger(e.type);
});

---

如果我理解正确，您不希望代码生成事件重新触发代码

如果是这样，您可以使用方法的

extraParameters

---

有什么原因不能只使用：hover伪类吗？看起来简单多了，如果我不错过任何东西的话。是的，CSS是最好的选择。a、 按钮：hover{background:#ffffff00；}在这个实例中，这两个元素不在同一个父元素中，否则这可能是一个解决方案。感谢您的回复。虽然这并不能解决我需要使用CSS类来保持悬停样式的问题，但请参阅-这确实解决了防止代码生成无限循环的具体问题，因此我对答案感到满意。

$('a.step-next').on('mousenter mouseleave', function(e) {
  $(this).siblings('a.step-next').trigger(e.type);
});

$('a.step-next').on('mousenter mouseleave', function(e, fromCode) {
    if (fromCode === undefined){
        $('a.step-next').not(this).trigger(e.type, true);
    }
});