通过for循环添加类

Question

我在 jQuery 中有一个非常简单的 for 循环：

var iEra;
for(iEra = 1; iEra <= li.length; iEra++) {
    li.addClass(iEra);
}

li 是一个针对 $('ul.class li') 对象的变量。 iEra 是计数器变量，应该从 1 开始到存在的 li 对象的数量。

主要问题是函数 addClass 根本没有发生。但是，如果我将其替换为 alert(iEra);，我将收到 1-x 警报。

我知道我可以将我的 for 循环修改为“构造函数”，如下所示：

var iEra;
for(iEra = 1; iEra <= li.length; iEra++) {
    parentOfli.append('<li class=" + iEra + "></li>');
}

这样我就可以很好地添加我的类 1-x 。问题是，那些 li 对象已经在其他地方生成了。

我希望我已经彻底解释了自己；如果没有，请告诉我！ 实例：http://jsfiddle.net/c3cXB/9/

Answer 1

类名称不能是数字。

这是一个有效的方法： http://jsfiddle.net/c3cXB/10/

var li = $('ul.portfolio-excerpt').find('li');

var iEra, thumbLi = $('.thumbs ul li');
for (iEra = 1; iEra <= li.length; iEra++) {
    thumbLi.eq(iEra).addClass('class'+iEra);
}

Answer 2

如果你确实需要一个循环

$('.thumbs ul li').each(function(index) {
    $(this).addClass(iEra);
}

或者这样，如果你只是想给所有的Li添加一个类

$('.thumbs ul li').addClass(iEra);

Answer 3

我不确定您的示例有什么问题，我必须将 css 更改为“li.thumbs”才能看到以下内容是否有效：

var $thumbLi = $('.thumbs ul li')
$('ul.portfolio-excerpt li:lt(' + $thumbLi.length + ')').addClass('thumbs');

另请参阅