javascript - div被添加重复

Question

我开始学习 javascript 有一段时间了，我有一些问题，想知道你是否可以做到这一点。

我有一个 div:

<div class="category"> </div> 

每次我在论坛系统中创建一个新类别时，它都会自动重复。这是默认设置，“因此无法手动”

所以希望为每个类别添加编号。因此:

<div class="category1"> </div> 
<div class="category2"> </div> 
<div class="category3"> </div> 
<div class="category4"> </div> 

等等，所有这些都通过 jquery 或 javascript。

如果可以，方法是什么？

Answer 1

jQuery 解决方案:

$( ".category" ).each( function( index ) {
    $( this ).addClass( "category"+(index+1) );
});

结果:

<div class="category category1"> </div> 
<div class="category category2"> </div> 
<div class="category category3"> </div> 
<div class="category category4"> </div>

解决方案 2:

$( ".category" ).each( function( index ) {
    $( this ).removeClass( "category" ).addClass( "category"+(index+1) );
});

结果:

<div class="category1"> </div> 
<div class="category2"> </div> 
<div class="category3"> </div> 
<div class="category4"> </div>

FIDDLE