jquery - 当鼠标悬停时更改多个 div 的类

Question

我有一个脚本如下。我有很多 div，当光标位于 div 上时，我会更改该 div 的类名，如下所示。但我不知道这样的div有多少个。我如何根据该更新代码？谢谢。

$(function() {   
    $('#ea_0').hover( function(){    
    $('#ea_0').attr('class','myClassHover'); 
    },  

    function(){       
        $('#ea_0').attr('class','myClass'); 
    }); 
}); 

<div id="ea_0" class="myClass" ></div>
<div id="ea_1" class="myClass" ></div>
<div id="ea_2" class="myClass" ></div>
...

Answer 1

尝试:

$(function () {
    $('div[id^="ea_"]').hover(function () {
        $(this).addClass('myClassHover');
        $(this).removeClass('myClass');
    }, function () {
        $(this).addClass('myClass');
        $(this).removeClass('myClassHover');
    });
});
​

使用starts with selector选择以 id 开头 ea_ 的所有 DOM 元素并使用 addClass和 removeClass切换类属性

Working example here