2012-03-06 46 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"); 
    }