Изменение класса по наведению

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

Это должно добавить «_hover» во втором классе на ваши элементы div.

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

Обратите внимание, что, чтобы это работало, вы должны иметь только два класса, а именно. item и сгенерированный класс CSS.

Answer 2

Попробуйте toggleClass()

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

Demo: Fiddle