jQuery 组合语句？

Question

我怎样才能简化这些语句，而不是一直数到 34 并有 34 个单独的语句......

$('a#timeline-2010-lnk1').click(function() {
    $('#timeline-2010-1').show();
    return false;
  }); 

$('a#timeline-2010-lnk2').click(function() {
    $('#timeline-2010-2').show();
    return false;
  });

$('a#timeline-2010-lnk3').click(function() {
    $('#timeline-2010-3').show();
    return false;
  });

$('a#timeline-2010-lnk4').click(function() {
    $('#timeline-2010-4').show();
    return false;
  });

Answer 1

$("a[id^=timeline-2010-lnk]").live("click", function () {
    var num = this.id.split(/-(?:lnk)?/).pop();
    $('#timeline-2010-'+num).show();
    return false;
});

更高效，因为它使用 delegate()/live() 。不是附加许多点击处理程序，而是将单个处理程序放置在公共(public)祖先节点上，点击事件将冒泡到该节点。

作为@rochal pointed out ，更合适的可能是对所有元素使用单个类名，并利用两个元素之间的关系(通过父元素/等)。但是，如果可以的话，您仍然应该考虑使用 live() 或 delegate() 作为处理程序。