JQuery-alert显示有一个类但没有另一个类的div的数量

Question

我有8个div。每个div都有一个类"pre-loader"。除了thas类之外，还有六个具有类"loader"。在那些潜水器下面我有一个按钮。当单击时，我会收到一个警报，显示具有类预加载程序和类加载程序的div的数量（6）。我想要的是，警报显示具有类"pre-loader"但没有类"loader"的div的数量（2）。希望有人能帮忙。提前感谢您的回复。干杯Marc

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:

$(document).on({
    click: function() {    
        alert($('.pre-loader.loader').length);
        }               
}, "#btn");

Answer 1

您想要使用：not选择器

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

希望这能帮助

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

try:

$(document).on({
    click: function() {    
        alert($('.pre-loader').not('.loader').length);
        }               
}, "#btn");