恢复显示当所有过滤器被删除时全部

Question

如何获取此功能恢复显示所有过滤器被删除时的一切？

我试图改变if (attrColor == 'All') {...}到if (attrColor == 'All' || attrColor == '') {...}

我已经贴了拨弄着这里的功能的一个简单的例子：http://jsfiddle.net/chayacooper/WZpMh/88/

$(document).ready(function() { 
    var selected = []; 
    $('#attributes-Colors *').click(function() { 
     var attrColor = $(this).data('color'); 
     var $this = $(this); 
     if ($this.parent().hasClass("active")) { 
      $this.parent().removeClass("active"); 
      selected.splice(selected.indexOf(attrColor),1); 
     } 
     else { 
      $this.parent().addClass("active"); 
      selected.push(attrColor); 
     } 
     if (attrColor == 'All') { 
      $('#content').find('*').show(); 
     } else { 
     $("#content").find("*").hide(); 
     $.each(selected, function(index,item) { 
      $('#content').find('[data-color *="' + item + '"]').show(); 
     }); 
     } 
     return false; 
    }); 
}); 

Answer 1

看到这个：Demo

if (attrColor == 'All' || !selected.length) { 
    $('#content').find('*').show(); 
} else { 
    $("#content").find("*").hide(); 
    $.each(selected, function (index, item) { 
     $('#content').find('[data-color *="' + item + '"]').show(); 
    }); 
} 

编辑：

更新按照@ ArunPJohny的建议：

使用.children()选择会比*选择更好的让孩子li小号

if (attrColor == 'All' || !selected.length) { 
    $('#content').children().show(); 
} else { 
    $("#content").children().hide(); 
    $.each(selected, function (index, item) { 
     $('#content').find('[data-color *="' + item + '"]').show(); 
    }); 
}