增量类onclick javascript

时间:2016-05-18 20:32:41

标签: javascript jquery

我想知道如何点击我的课程增加课程=" item"我想每次点击更改item1 item2 item3我怎么能这样做?这就是我想要的内容

  <div href="#" class="item" data-bind="draggable:true,droppable:true">

&#13;
&#13;
<div class="item">
  <textarea  data-bind="value:textContent1" Placeholder="Type text to append"></textarea>
</div>

<button data-bind="click:addNew">Generate New Div</button>
 <div href="#" class="item" data-bind="draggable:true,droppable:true">
      <span data-bind="click:$parent.remove">X</span>
      <br/>
      <br/>
       <center>
       <span class="text i"  data-bind="text:$data"></span><input class="edit_text"/></center>
    </div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

<强> HTML

<button onclick="addNew()">Generate New Div</button>
<div id="my_div" class="item1"></div>

<强>的JavaScript

var i = 1;

function addNew() {
    document.getElementById("my_div").classList.remove("item" + i++);
    document.getElementById("my_div").classList.add("item" + i);
}

每次单击按钮时,这将增加类名称。