javascript - jQuery Multiclasses函数

我正在尝试创建将对3个不同的类执行相同操作的函数。唯一的问题是，每当我在任何一个div上移动时，它都会影响所有其他div，而不是一个。

有人可以建议我如何在悬停阶段为每个班级单独工作吗：

$(document).ready(function() {
  $(".bbsa-h, .cscs-h, .dorbus-h").hover(function () {
    $(".bbsa, .cscs, .dorbus").stop().fadeTo(250, 0);
  }, function () {
    $(".bbsa, .cscs, .dorbus").stop().fadeTo(250, 1);
  });

}）;

提前谢谢你的帮助。

多姆

最佳答案

如果每个div仅具有一种子类，则非常简单：

$(document).ready(function() {
  $(".bbsa-h, .cscs-h, .dorbus-h").hover(function () {
    $(this).find(".bbsa, .cscs, .dorbus").stop().fadeTo(250, 0);
  }, function () {
    $(this).find(".bbsa, .cscs, .dorbus").stop().fadeTo(250, 1);
  });
});

如果它们具有多个子类，则必须首先检查当前div属于哪个类，并基于它构建选择器。