javascript - 优化函数以适用于多个名称元素

Question

是否可以将其写入一个函数，该函数将对 listSub1 和 routeA 与 listSub2 和 routeB 执行相同的操作（即淡入/淡出），而无需手动将它们写出。即它适用于 listSub3 和 routeC、4 和 D、5 和 E 等，并且都包含在一个函数中？说 listSub(1+) 和 route(A+) 的东西？我不知道。我在网上找不到任何关于此的内容，可能是因为我不知道要查找什么。谢谢！

  $(".listSub1").hover(function(){
          $(".routeA").stop().fadeToggle(500);
      },
      function(){
          $(".routeA").stop().fadeToggle(500);
      });

标签： javascript

Answer 1

最好给它们分配两个类，如 listSub、listSub1 和 listSub 和 listSub2。然后将事件添加到 listSub 并检查它是否是哪个 listSub 然后做你的事情。

$(".listSub").hover(function(){
      // Get the second class  
      $(".route"+getSecondClass(this)).stop().fadeToggle(500);
  });

function getSecondClass(this){
    // get second class
    // return A if 1, etc
}

简单的事情是使用 for 循环在每个类上应用事件，但这是更灵活的方法。