jQuery for loop and set active class

jQuery for loop and set active class

本文关键字：active class set and for loop jQuery      更新时间：2023-09-26

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

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

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

Total 变量是动态创建的，因此如果 total 为 5，则前 5 个div 应应用活动类。

我想你想要这个：

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

您应该将条件放在循环中，以便每次迭代都可以对每次迭代进行检查。

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

杰斯菲德尔

相关文章：