2012-03-06 50 views
-1

添加類測試後格數jQuery的DIV計數添加類

:-)

$(function() { 
    var coloumnCount = $("#plans-wrapper").children("div.column").length(); 

    if(coloumnCount > 3 { 
     $("column").addClass("test"); 
    }); 
}); 
+1

你可能會得到一個錯誤,因爲'長度()'是不是一個jQuery方法(看看錯誤控制檯)。使用'length'(無功能)或'size()'。另一個問題可能是$(「column」)會選擇'column'元素,而這些元素在HTML中不存在。你有沒有想過'$(「。column」)'? *編輯:*啊,你的'if'語句語法也混亂了。我建議你再看看一個JavaScript和jQuery教程。 – 2012-03-06 12:34:55

+0

我想你必須對你的問題更具體。另外'長度'是屬性而不是'方法'。 – NicoSantangelo 2012-03-06 12:35:44

+0

對$(「column」)正確使用選擇器。如果「列」是一個類然後使用$(「。列」)或如果它是一個ID然後使用$(「#列」) – mini 2012-03-06 12:39:38

回答

3

您有無效的JavaScript語法任何幫助,將不勝感激。更改爲:

if (coloumnCount > 3) { 
     $("column").addClass("test"); 
    } 

而且使用length代替length()

+0

感謝這工作: $(function(){ var coloumnCount = $ 「#plans-wrapper.padding」)。children(「。columns」).length; if(coloumnCount> 3){(「。columns」).addClass(「test」); } }) ; – 2012-03-06 17:21:04

0

您正在尋找的:gt()選擇?

if (columnCount > 3) { 
    // Decorate all columns after the first three. 
    $("div.column:gt(2)").addClass("test"); 
}; 
0

兩件事:

  1. 使用.lengthsize()

  2. 錯字:你缺少如果條件後,你)

0

嘗試

if (coloumnCount > 3) { 
     $(".column").addClass("test"); 
    } 

,而不是

if (coloumnCount > 3 { 
     $("column").addClass("test"); 
    }