jquery循环悬停按钮

Question

好吧，我有 6 个按钮，我试图有一个 jquery 监听器，当您将鼠标悬停在 6 个按钮之一上时，它会更改类。我使用 for 循环来执行此操作，这是我的代码:

$(document).ready(function() {
for($i=1;$i<7;$i++) {
      $('#button'+i).hover(function() {
        $(this).addClass('hovering');
      }, function() {
        $(this).removeClass('normal');
      });
}  
});

每个按钮都有一个 id“buttonx”(x 是一个数字)

帮忙？

Answer 1

您不需要循环一堆生成的 ID。您可以简单地给它们每个类别“正常”并且:

$("button.normal").hover(function() {
    $(this).addClass("hovering");
}, function() {
    $(this).removeClass("hovering");
});

'button.normal' 将返回具有 'normal' 类的所有按钮的集合，因此不需要循环，悬停事件将应用于集合中的每个元素。