2011-06-03 98 views
3

我有一個我用rails編寫的動態表單。我想確保用戶可以添加不超過五個鏈接。如何計算jquery中某個類的隱藏div的數量

我從兩個鏈接開始,我有另一個鏈接,允許用戶添加另一個字段。我還在鏈接旁邊有一個鏈接,允許用戶刪除一個字段,該字段設置一個隱藏字段,然後用slideUp();隱藏該字段。

我想知道用戶希望提交的屏幕上是否有5個字段。

這就是我目前使用的 - 這只是計算所有與該類名稱的div。

if($(".classname").length <5){ 
//create element dynamically 
} 

我想檢查「style ='display:none;'」我該怎麼做?

+1

可能重複[jQuery的計數專區內隱藏的元素個數] http://stackoverflow.com/questions/1295956/jquery-count-number( -of-隱藏元件中之DIV) – 2011-06-03 09:09:44

回答

9

使用:hidden選擇:

if ($(".classname:hidden").length < 5) { 
    //create element dynamically 
} 

這將返回任何元素與類,這是不可見的用戶。如果你只是想檢查display:none,然後使用filter()

$(".classname").filter(function() { 
    return $(this).css("display") == "none"; 
});