在悬停时改变班级

Question

我有一个元素列表：

<div class="item someitem"></div>
<div class="item another1"></div>
<div class="item one_more"></div>

我需要能够将第二课从“thisitem”改为“thisitem_hover”。

$('.item').hover(
    function() {
        // add '_hover'
    }, function() {
        // remove '_hover'
    }
);

我该怎么办？

Answer 1

尝试toggleClass()

$('.item').hover(function () {
    $(this).toggleClass('thisitem thisitem_hover')
});

演示：Fiddle

Answer 2

这应该在div元素的第二个类上添加'_hover'。

$('.item').hover(function() {
  var klass = $(this).attr("class").replace("item ", "")
  $(this).toggleClass(klass + " " + klass + "_hover");
});

请注意，为此，您必须只有两个类，即。 item和生成的CSS类。