JQuery - クラスを持つdivの数は表示されますが、別のクラスは表示されません

Question

私には8つのdivがあります。各部門には、クラス「プリローダー」があります。クラスに加えて、6つはクラス 'ローダー'を持っています。それらのdivの下に私はボタンを持っています。クリックすると、クラスプリローダーとクラスローダー（6）を持つdivの数が表示されます。私が欲しいのは、アラートには、クラス 'ローダー'（2）ではなくクラス 'プリローダー'を持つdivの数が表示されているということです。誰かが助けることを願っています。あなたの返信を先にありがとう。乾杯。マルク・

http://jsfiddle.net/XJukA/

私のhtml：

<div class="pre-loader loader">text</div></br> 
<div class="pre-loader loader">text</div></br> 
<div class="pre-loader loader">text</div></br> 
<div class="pre-loader loader">text</div></br> 
<div class="pre-loader loader">text</div></br> 
<div class="pre-loader loader">text</div></br> 
<div class="pre-loader">text</div></br> 
<div class="pre-loader">text</div></br> 
<input id="btn" type="submit" value="click">​ 

私のjs：ない、これはに役立ちます

alert($('.pre-loader:not(.loader)').length); 

希望をセレクタ：あなたが使用したい

$(document).on({ 
    click: function() {  

     alert($('.pre-loader.loader').length); 

     }    
}, "#btn"); 

Answer 1

http://api.jquery.com/not-selector/

Answer 2

使用jQueryの.NOT（）関数

$(document).on({ 
click: function() {  

    alert($('.pre-loader').not('.loader').length); 

    }    
}, "#btn"); 

http://jsfiddle.net/XJukA/3/

Answer 3

試してみてください。

$(document).on({ 
    click: function() {  

     alert($('.pre-loader').not('.loader').length); 

     }    
}, "#btn");