使用javascript增加类

时间:2015-11-01 05:48:32

标签: javascript jquery html class clone

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

我的课程要增加:<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@android:color/white" android:orientation="vertical" android:paddingBottom="8dp" android:paddingLeft="20dp" android:paddingRight="20dp" > <android.support.v7.widget.Toolbar android:id="@+id/toolBar" android:layout_width="match_parent" android:layout_height="wrap_content"></android.support.v7.widget.Toolbar> <FrameLayout xmlns:tools="http://schemas.android.com/tools" android:id="@+id/container" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.android.sunshine.app.MainActivity" tools:ignore="MergeRootFrame" /> </LinearLayout>

我的js:

.emptybox

1 个答案:

答案 0 :(得分:2)

你可以做这样的事情

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>