用 javascript 递增 Class

Question

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

我的 class 递增：.emptybox

我的代码：

//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 {
        }

    }

Answer 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>

用 javascript 递增 Class

increment Class with javascript

html

javascript

jquery

clone

class