關閉按鈕刪除div上的所有類，並隱藏當所有這些div沒有.extra類

嗨我想做一個腳本，我是新來的jQuery，仍然在學習。關閉按鈕刪除div上的所有類，並隱藏當所有這些div沒有.extra類

但是我想問問如何使此代碼的工作，

$(document).ready(function() { 

    if($(".divs").hasClass('extra')) 
    { 
     $(".close-divs-button").css('display', 'none'); 
     } 
     else 
     { 
     $(".close-divs-button").css('display', 'block'); 
    } 

});

我有幾個的div被點擊時，它增加了一個.extra類展開DIV。

我還希望.close-divs-button僅在至少3個或更多DIVS中有一個.EXTRA類時顯示，因此用戶不必切換類並移除.extra，方法是單擊它們其一，我想添加一個按鈕來獲得全局關閉功能。

幫助將非常感激。

來源

2013-07-23 Shiro

你可以分享html示例代碼 – abhidsm

我繼續增加幾乎所有的邏輯。你想要做的是檢查元素數與JavaScript .length財產如前所述，但是，我想你想要關閉元素時有更多比三個，不完全是他們三個。
因此，邏輯會有

if($(".extra").length > 2){ 
    $(".close-divs-button").show(); 
}else{ 
    $(".close-divs-button").hide(); 
}

下面是與我提到的例子小提琴 - http://jsfiddle.net/friiks/wgcmn/。

來源

2013-07-23 06:06:46 Pankucins

^THIS。非常感謝你的努力。 – Shiro

任何區別，你發現在我之前發佈的答案嗎？ – ssilas777

爲了得到它有一個類「額外」的元素個數：

var x = $('.extra').length; 
if(x == 3) 
{ 
    // logic goes here 
}

來源

2013-07-23 05:54:39 andrewb

我覺得你的邏輯將是這樣的一些事情..

if($('div.extra').length >= 3) 
{ 
    $(".close-divs-button").show(); 
}else{ 
    $(".close-divs-button").hide(); 
}

來源

2013-07-23 06:00:25 ssilas777

關閉按鈕刪除div上的所有類，並隱藏當所有這些div沒有.extra類

回答

相關問題