jquery - jQuery合并语句？ (跟进)

感谢您对我以前的帖子@AndyE的帮助，您的解决方案效果很好。

现在为了我的跟进，相同的想法，不同的功能...我试图实现您以前的解决方案，但无法使其正常工作...：

$(document).keypress(function(e) {
    if (e.which == 27) {
     $('#timeline-2010-1').hide();
     $('#timeline-2010-2').hide();
     $('#timeline-2010-3').hide();
     $('#timeline-2010-4').hide();
     $('#timeline-2010-5').hide();
     $('#timeline-2010-6').hide();
     $('#timeline-2010-7').hide();
     $('#timeline-2010-8').hide();
     $('#timeline-2010-9').hide();
     $('#timeline-2010-10').hide();
     $('#timeline-2010-11').hide();
     $('#timeline-2010-12').hide();
     $('#timeline-2010-13').hide();
     $('#timeline-2010-14').hide();
     $('#timeline-2010-15').hide();
     $('#timeline-2010-16').hide();
     $('#timeline-2010-17').hide();

    }
});


$('a.close').click(function() {
     $('#timeline-2010-1').hide();
     $('#timeline-2010-2').hide();
     $('#timeline-2010-3').hide();
     $('#timeline-2010-4').hide();
     $('#timeline-2010-5').hide();
     $('#timeline-2010-6').hide();
     $('#timeline-2010-7').hide();
     $('#timeline-2010-8').hide();
     $('#timeline-2010-9').hide();
     $('#timeline-2010-10').hide();
     $('#timeline-2010-11').hide();
     $('#timeline-2010-12').hide();
     $('#timeline-2010-13').hide();
     $('#timeline-2010-14').hide();
     $('#timeline-2010-15').hide();
     $('#timeline-2010-16').hide();
     $('#timeline-2010-17').hide();
     return false;
  });


});

最佳答案

我会给这些元素一个类，例如：

<div id="#timeline-2010-1" class="timelineNode">Stuff</div>

然后，您可以将其精简为：

$(function() {
  $(document).keypress(function(e) {
    if (e.which == 27) {
      $('.timelineNode').hide();
    }
  });
  $('a.close').click(function() {
    $('.timelineNode').hide();
    return false;
  });
});

关于jquery - jQuery合并语句？ (跟进)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3638044/