用javascript增加类答案

【问题标题】：increment Class with javascript用javascript增加类
【发布时间】：2016-02-01 06:33:08
【问题描述】：

如何增加特定的类？我正在使用克隆方法，我已经成功克隆了 Id 并增加了它。但我想在我正在增加的 Div 中增加我的类。

我的班级要增加：.emptybox

我的js：

//duplicate Play Timer
    var i = 0;
    var original = document.getElementById('Play_Start');
    var count = 1;

    function duplicatePlay() {
        if (count < 20) {
            var clone = original.cloneNode(true); // "deep" clone
            clone.id = "Play_Start" + ++i; // there can only be one element with an ID
            original.parentNode.appendChild(clone);
            $(clone).effect( "highlight", {color:"#FEFFB9"}, 3000 );
            count++;
        } else {
        }

    }

【问题讨论】：

你不能用$(clone).addClass(Play_Start + i);

标签： javascript jquery html class clone

【解决方案1】：

你可以这样做

var i = 0;
var original = document.getElementById('Play_Start');
var count = 1;

function duplicatePlay() {
  if (count < 20) {
    var clone = original.cloneNode(true); // "deep" clone
    clone.id += ++i; // there can only be one element with an ID   

    clone.querySelector('.emptybox').className = 'emptybox' + i;

    original.parentNode.appendChild(clone);
    $(clone).effect("highlight", {
      color: "#FEFFB9"
    }, 3000);
    count++;
  } else {}

}

duplicatePlay();

<div id="Play_Start" class="abc cde">hi <span class="emptybox">user</span>
</div>

【讨论】：

它适用但我想找到空箱类并申请它。因为它不在 Play_start div 中。您的代码所做的是将类应用于 Div ID 播放开始中的类。不要进入内部阶级。
我也尝试了 Find() 类，但它没有显示函数。
@Vinayak 你能分享你的html吗
是的，它比兄弟有效。但我的弹出窗口的事件仍然只在第一个触发。不在克隆元素上。
@Vinayak : 因为它是动态添加的，所以你需要使用事件委托