javascript - 从一些 jQuery 中去除脂肪

Question

我编写了以下 jQuery，它完美地满足了我的需要。但我觉得它可以压缩一点或缩短一点。我有点像 jQuery n00b 很抱歉，如果它很明显......有什么提示吗？谢谢!

jQuery(document).ready(function($){

var number = $("#tags-list a").length,
    increment = 1 / number,
    opacity_num = "";

$($('#tags-list a').get().reverse()).each(function(i,el){
    el.id = i + 1;
        opacity_num = el.id / number - increment;
  $(this).css({ opacity: opacity_num });
        $(this).bind('mouseenter mouseleave', function() {
          $(this).toggleClass('tag-hovering');
        });
});

});

注意:jQuery(document).ready(function($) 必须保留为无冲突包装器。

Answer 1

这是我能想到的最干净的方式。我去掉了那个反转，因为它有点难看，只是交换了逻辑，所以不需要它。

我还将 jQuery(document).ready(function($) { 更改为 jQuery(function($) { 因为它们做同样的事情，第二个是更短。

jQuery(function($) {
  var items = $('#tags-list a'),
      number = items.length;

  items
    .attr('id', function(i){
      return number - i; 
    })
    .css('opacity', function(i) {
      return 1 - ( (i + 1) / number );
    })
    .hover(function() {
      $(this).toggleClass('tag-hovering');
    })
});