jquery - jQuery 使用转义键关闭切换

Question

这里有 2 部分问题...我有几个 DIV，它们使用简单的 .click show() 函数来显示内容。有没有办法可以结合这些来修剪我的代码？我不确定，因为它们都显示带有唯一 ID 的 DIV。

$('a#hmo-blue-lnk1').click(function() {
    $('#hmo-blue1').show();
    return false;
  });

$('a#hmo-blue-lnk2').click(function() {
    $('#hmo-blue2').show();
    return false;
  });

$('a#hmo-blue-lnk3').click(function() {
    $('#hmo-blue3').show();
    return false;
  });

我通过这个片段关闭它们：

$('a.close').click(function() { 
     $('#hmo-blue1').hide();
     $('#hmo-blue2').hide();
     $('#hmo-blue3').hide();

     return false; 
  });

问题的第二部分......我如何整合用户只需按下转义键即可同时隐藏（或关闭）显示的框的方面？

Answer 1

对于第一部分：

    for (i=1; i<=3; i++)
    {
           $('a#hmo-blue-lnk'+i).click(function() {
                 $('#hmo-blue'+i).show();
                 return false;
           });
    }

对于第二部分。

$(document).keypress(function(e) { 
    if (e.which == 27) {
          for (i=i; i <=3; i++)
          {
                 $('#hmo-blue'+i).hide();
          }
    }
});

您也可以将 hide 函数更改为 for 循环，然后通过 $('a.close').click() 调用它而不是关闭它，这将调用 a.close 上的点击。