为动态创建的元素/ JS / jQuery添加唯一的类名

Question

如果我有十个动态创建的div，每个div在创建时都会给出类名'createdDiv'。如何在创建它们之后迭代它们并为每个类添加一个唯一的类名？

像是，

for each('.createdDiv'){
    var count = 1;
        this.addClass('uniqueName' + count);
        count ++;
}

所以我想最终得到10个div，如下所示，

('.createdDiv .uniqueName1')
('.createdDiv .uniqueName2')
('.createdDiv .uniqueName3')
('.createdDiv .uniqueName4')

依旧......

Answer 1

$('.createdDiv').each(function(i){
    $(this).addClass('uniqueName' + i);
});

Answer 2

尝试

$('.createdDiv').addClass(function (i) {
    return 'uniqueName' + (i + 1)
})

演示：Fiddle

Answer 3

$('.createDiv').each(function(i){
    $(this).addClass('uniqueName'+ (i+1));
});

Answer 4

这并不是您要求的，但稍后访问生成元素列表的另一种方法是使用数据属性：

$(".createDiv").each(function(i){
    $(this).attr("data-index", i);
});

然后根据它的索引选择一个元素：

$(".createDiv[data-index='" + i + "']")

演示：Fiddle