javascript - 使用 jquery 进行 DRY 编程

Question

作为 jquery 新手发布。我确信必须有一种方法可以以 DRY 方式压缩下面的代码。本质上，这只是应用于页面上多个元素的显示/隐藏，所有元素都使用相同的模板和命名约定:

$("#homelink1").hover(
    function() { $("#poptext1").show(); },
    function() { $("#poptext1").hide(); }
);

$("#homelink2").hover(
    function() { $("#poptext2").show(); },
    function() { $("#poptext2").hide(); }
);
...

我一直在研究如何将其转换为具有传递参数的函数，这样我就可以只传递整数(1 或 2)并让函数计算其余部分，例如

$("#homelink"+ param).hover

Answer 1

这个怎么样:

function setHover( param ){
   $("#homelink" + param).hover(
    function() { $("#poptext" + param).show(); },
    function() { $("#poptext" + param).hide(); }
  );
}