通过javascript将类添加到每个DIV而不覆盖现有的类？

Question

  

可能重复：
  adding classes (serially numbered) to each DIV on page automatically via javascript?

我想添加一个“编号”所有<div>的类，问题是它是否覆盖了现有的类。

$('div').attr('class', function(i) {
    return 'someClass' + i;
});

Answer 1

$('div').each(function(i){
    $(this).addClass('class' + i);
});

或者：

$('div').addClass(function(i){
    return "class" + i;
});

Answer 2

点击这里，

http://api.jquery.com/addClass/

$("p").addClass("myClass yourClass");

Answer 3

$('div').each(function(i, item){
    $(this).addClass("someClass" + i);
});

这将添加到现有的类

Answer 4

这会将索引添加到现有的类值。

$(function(){
$('div').attr('class', function(i, val) {
      return val + i;
});
});