语法混乱

Question

$(this).siblings()回报：

[<section style class=​"white">​…​</section>​ 
, <section style class=​"white">​…​</section>​ 
, <section style=​"display:​ none">​…​</section>​ 
, <section style=​"display:​ none">​…​</section>​ 
, <section style=​"display:​ none">​…​</section>​ 
, <section style=​"display:​ none">​…​</section>​ 
, <section style=​"display:​ none">​…​</section>​] 

所以有7个部分，其中的两个（currrently）具有类white。一旦parent()部分是隐藏的，我不能再使用的代码：

var hidden = ($(this).siblings().filter(':visible').length); 

，看看有多少是可见的，我需要计数是白色的类。很长一段时间，我能得到这个工作：

var hidden=0; 
$(this).siblings().each(function(){ 
    if ($(this).hasClass('white')) {hidden++;}; 
}); 

为什么我通过每一个同级不必循环，不能用一个下面，或另外一个符合'white'类来算的：

var hidden = ($(this).siblings().filter(':white').length); or 
var hidden = ($(this).siblings().filter('white').length); 

或

var hidden = ($(this).siblings().hasClass('white').length); 

或

var hidden = ($(this).siblings().is(':white').length); or 
var hidden = ($(this).siblings().is('white').length); 

Answer 1

为什么要经历.filter()，.hasClass(),.is()和循环的麻烦？ Can't you use .sibling()'s argument to filter the siblings instead并获得那些“白色”？

$(this).siblings('.white').length