jQuery for循环并设置活动类

Question

我正在尝试使用带有10个动态div的jQuery创建循环。 这是我的代码：

data = '';
var cls = (total == i) ? "active" : null;
for ( var i = 1; i <=10; i++ ) {
    data += '<div class="list ' + cls + '">' + i + '</div>';
}

在上面我想将活动类应用于多个选定项目

总变量是动态创建的，因此如果total为5，则前5个div应该应用class active。

Answer 1

你应该把你的条件放在循环中，这样每次迭代都可以检查每次迭代。

var data = '',
total = 5,
cls;
for ( var i = 1; i <=10; i++ ) {
    cls = (total >= i) ? "active" : '';
    data += '<div class="list ' + cls + '">' + i + '</div>';
}

<强> Jsfiddle

Answer 2

我想你想要这个：

data = '';
for ( var i = 1; i <=10; i++ ) {
    var cls = total <= i ? "active" : null;
    data += '<div class="list ' + cls + '">' + i + '</div>';
}