Question

在我的标记中，我有两个相同类的div。我想在每个div中添加两个不同的类。

我的HTML代码看起来像

<div class="my-class">
    --Content--
</div>

<div class="my-class">
    --Content--
</div>

但我希望那两个div为

<div class="my-class class-1">
    --Content--
</div>

<div class="my-class class-2">
    --Content--
</div>

所以，如果有一个类＆＃34; my-class＆＃34; ，我想在div中添加一个加法类，如class-（1到N），我该怎么办？做这个？

Answer 1

这样的事情怎么样：

$('.my-class').each(function(ind, ele) {
    var id = (ind+1);
    $(ele).addClass('class-' + id);
});

Check out the fiddle

Answer 2

var c = 1;
$(".my-class").each(function(){
$(this).addClass("class-" + c);
c++;
});

Answer 3

这可能是你想要的。

var classes = document.querySelectorAll('.my-class');
for(var i=0;i<classes.length;i++){
    classes[i].classList.add('class-'+i); 
    //classes[i].className += 'class-'+i; -> older browsers
}

Answer 4

我也会使用.each()函数，例如jsfiddle。

$(".my-class").each(function(i) {
 $(this).addClass("yourClass"+(i+1));
});

这将是神奇的。

希望有所帮助

如何使用JavaScript或Jquery动态地将类添加到div？

4 个答案: