Jquery 悬停换班

我有一个元素列表：

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

---

如何执行类似操作？

这应该在div元素的第二个类上添加“\u hover”

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

请注意，要使其工作，您必须只有两个类，即<代码>项和生成的CSS类。

尝试

---

演示：

addClass和removeClass？？嗯。。。一定是因为缺少咖啡因——想太多简单的事情了。很抱歉，div没有出现。我现在已经编辑了。我怎么知道我切换了哪个类？div是动态生成的。您的意思是希望在示例中将

另一个1

更改为

另一个1\u悬停

，而不是

项目

更改为

项目悬停

？这是正确的。示例中的第二个类特定于每个div。我只需要将“_hover”附加到hover上的每个唯一div，并在鼠标滚动时删除。

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

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