javascript - jQuery:在悬停时选择给定类的所有元素，除了这个

Question

我在同一个类的页面上有十个元素。

当我将鼠标悬停在其中一个上时，我想更改其他九个。

这是我目前所拥有的...

$("*[class='myClass']:not(this)").css({"top":"10px"});

有什么想法吗？

Answer 1

使用属性选择器按类选择有点多余(更不用说慢了)，因为有一个类选择器。试试这个:

$(".myClass").mouseover(function() {
    $('.myClass').not(this).css({"top":"10px"});
});

如果你想重置 mouseout 的效果，使用带有两个函数参数的 hover()。此外，在这种情况下最好使用类。

$(".myClass").hover(function() {
    $('.myClass').not(this).addClass('foo');
},
function() {
     $('.myClass').not(this).removeClass('foo');
});

.foo { top: 10px; }