Javascript 第n个子悬停的倾斜边框

因此，我找到了一种解决方法，可以在导航中使用倾斜边框：

我的清单上有六项。在使用PNG后，我已经将悬停和活动状态与“活动”配合得很好

我现在的问题是在其同级悬停时选择活动状态左侧或右侧的元素，以删除右侧或左侧背景图像

假设第四个元素是活动的。当我将鼠标悬停在元素5上时，我需要更改4右边的边框，即使它已经被设置为具有活动bg颜色或其他颜色

悬停在3，我需要在4左背景改变等

我尝试在jQuery中使用hover执行类似的操作：

$(".third").hover(function(){
    $(".second.active:after").addClass("active-hover");
});

试图用CSS做所有的事情，但是到目前为止都没有用

---

感谢高级。在设置新类之前，请从所有元素中删除该类：

---

$（'.active-hover'）.removeClass（'active-hover'）
这也不能正常工作。能否在小提琴中包含相关的javascript？不确定是否在JSFIDLE中工作。您需要告诉JSFIDLE加载jquery库，修复其他一些js错误。这是我在我的站点上测试的实际示例：更容易看到我在活动元素上尝试做什么。因此，如果您是第四个列表项，因此处于活动状态，我需要将鼠标悬停在左侧元素上以更改右侧背景，反之亦然，在它旁边的右侧元素上，我需要更改左侧背景。当您检测到单击导航链接时，您应该：从其他导航链接中删除所有现有的“活动”类。我提供的代码可以做到这一点，尽管您可能需要调整类名。然后，将“活动”类添加到当前链接。