每次克隆时，addClass都会追加 [英] addClass append every time in every Clone

问题描述

这是我的剧本

 var newclass = 0;

 jQuery("#addexperience").click(function(){
    $("#expclone").clone().find("input:text").val("").end().prependTo( ".exp_clone" );
    $(".ongoing").each(function(){
        $(".ongoing").addClass("newclass"+newclass);
        newclass++;
    });
 });

我要克隆一个特殊的div，并在克隆元素上添加一个类。
但每次追加addClass，

I am tring to clonning a perticular div, and add an class on clone element. but addClass append every time,

意味着在第一个克隆中添加了：newclass1，在第二个克隆中添加了：newclass1 newclass2;所以... ..

means in first clone it added: newclass1, in second clone it added: newclass1 newclass2; so on..

我想要第二个克隆中的newclass2和thire clone中的newclass3等等。

i want only newclass2 in second clone, and newclass3 in thire clone and so on..

推荐答案

你应该在 .each $（this） >：

You should use $(this) inside the callback of .each:

$(".ongoing").each(function(){
    $(this).addClass("newclass"+newclass);
    newclass++;      
});

或者你甚至不需要变量 newclass ， .addClass 接受函数作为参数：

Or you even don't need the variable newclass, .addClass accept a function as parameter:

$(".ongoing").addClass(function(index) {
  // index is start from 0
  return "newclass" + (index + 1);
});

这篇关于每次克隆时，addClass都会追加的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！