Javascript jQuery悬停，仅活动元素

我有多个类测试元素。如果我将它们悬停，它们周围应该有一个红色边框，因为我用div将它们包裹起来。这是可行的，但是怎么可能只包裹活动元素，我正在悬停的那个元素，而不是所有的元素。test class

$(".test").hover(function() {
 $(".sample").wrap('<div style="border: 1px solid red;" />');
}

---

您应该在函数中使用$this$这将引用当前悬停的元素

$(".test").hover(function() {
    $(this).wrap('<div style="border: 1px solid red;" />');
});

使用$this

$(".test").hover(function() {
 $(this).wrap('<div style="border: 1px solid red;" />');
}

---

如果您包含HTML，那么如何提供帮助就更为明显了。我将假定class=sample的对象是父对象

$(".test").hover(function() {
 $(this).closest(".sample").wrap('<div style="border: 1px solid red;" />');
});

然后，有一个CSS规则：

.active {border: 1px solid red;}

---

我不确定这是否是您正在寻找的，但这将用类测试包装所有已启用的元素

$(".test:enabled").hover(function() {
    $(this).wrap('<div style="border: 1px solid red;" />');
});

---

您是否尝试过这种方法，并结合一些逻辑来选择所需的元素？该函数内部的元素指向当前选定的元素。您可能希望使用$this来执行jQuery方法。如果您包含相关的HTML，您将获得更好的建议。我们不知道边界相对于悬停在父对象、子对象、兄弟对象、同一对象上的对象的位置。。。这与选择最佳代码相关。

$(".test:enabled").hover(function() {
    $(this).wrap('<div style="border: 1px solid red;" />');
});