jQuery:根据索引分配类

时间:2012-05-18 16:27:59

标签: javascript jquery html css

使用jQuery,是否可以根据索引为对象分配一个类?

例如,如果我有一个包含五个列表项的ul,我如何将类“0”分配给第一个项目,将“1”分配给第二个项目,将“2”分配给第三个项目等等?

这是我的第一次尝试:

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

4 个答案:

答案 0 :(得分:8)

但要避免以数字开始课程或身份;

$('ul.nav li').each(function(index){
  $(this).addClass('at_'+ index);
});

答案 1 :(得分:7)

请记住,类不能以数字开头,这样的事情应该这样做:

$('ul.nav li').each(function(){
  $(this).addClass("index_"+$(this).index);
});

答案 2 :(得分:1)

班级名称不应以数字开头。而是做像

这样的事情
$('ul.nav li').each(function(index){
  $(this).addClass("class_"+index);
});

答案 3 :(得分:0)

这对我有用:

$('ul.nav li').each(function(index){
  $(this).attr('class', 'class'+index);
});​

http://jsfiddle.net/8JCXD/7/