javascript - 将两个 jQuery 函数简化为一个

Question

是否有一个函数可以完成这两项工作(以及任何延续该格式的功能)？

   $("#1A").hover(function(){
         $(".route1A").stop().fadeToggle(500);
      });

  $("#1B").hover(function(){
      $(".route1B").stop().fadeToggle(500);
      });

结果如下所示，其中 __ 是“这些是相同的”代码:

$("#__").hover(function(){
  $(".route__").stop().fadeToggle(500);

Answer 1

您可以组合 .hover() 的选择器来包含 #1A、#1B 等，然后只需从触发该操作的元素中获取 id悬停事件来创建类选择器，如下所示:

$("#1A, #1B").hover(function(){
   $(".route" + this.id).stop().fadeToggle(500);
});