Javascript 如何优化这个jquery

我对jquery还不熟悉，只是一直在做这个

  <script type="text/javascript">
      $(document).ready(function()
      {
        $(".f:nth-of-type(1)").hover(function(){
           $(this).parent(this).toggleClass('fa');
        });
        $(".f:nth-of-type(2)").hover(function(){
           $(this).parent(this).toggleClass('fb');
        });
        $(".f:nth-of-type(3)").hover(function(){
           $(this).parent(this).toggleClass('fc');
        });
        $(".f:nth-of-type(4)").hover(function(){
           $(this).parent(this).toggleClass('fd');
        });
      });    
   </script>

$（文档）.ready（函数（）
{
$（“.f:n类型（1）”）.hover（函数（）{
$（this.parent（this.toggleClass（'fa'）；
});
$（“.f:n类型（2）”）.hover（函数（）{
$（this.parent（this.toggleClass（'fb'）；
});
$（“.f:n类型（3）”）.hover（函数（）{
$（this.parent（this.toggleClass（'fc'）；
});
$（“.f:n类型（4）”）.hover（函数（）{
$（this.parent（this.toggleClass（'fd'）；
});
});    

如何缩短此代码，以便只需编写一次函数

---

它的工作原理是一样的。

像这样试试。在数组中分配类并在其中循环

$（文档）.ready（函数（）
{
变量类别=[“fa”、“fb”、“fc”、“fd”]
对于（i=1；我将谈到stackoverflow。这类问题可能与stackoverflow中的主题无关。关于代码优化的问题更适合于CodeReview：。stackoverflow通常是关于不起作用的代码。什么是
fa
，
fb
，等等？如果它们没有完全不同，我会说使用公式（仍然可以使用公式和数组，但似乎有点奇怪）什么是
$（this）.parent（this）
该怎么办？jQuery只接受
字符串
selector@briosheje这个问题对于堆栈溢出来说太不具体了，但也缺乏足够的具体细节和上下文，因此在代码审查时是一个可以接受的问题。@200_成功代码确实有效，除了需要审查/优化之外没有其他问题。在这里可以吗？阅读此内容：我认为不是，但我当然可能错了。这不起作用，因为回调函数中的
I
始终是
4
。请参阅@Phil立即检查我的答案。已修复