增加类 onclick javascript答案

【问题标题】：increment class onclick javascript增加类 onclick javascript
【发布时间】：2016-09-15 12:41:52
【问题描述】：

我想知道如何在单击时增加类我的 class="item" 我想每次单击时将其更改为 item1 item2 item3 exc 我该怎么做？这就是我想要增加的内容

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

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

【问题讨论】：

我发现了这个jsfiddle.net/YbnGY/7，它显示了同一个类的 id 增量。不完全是您正在寻找的东西，但它可以工作。是的，现在是凌晨 2.33，我还在电脑上！我要睡觉了... zzzzzzzzzzzz

标签： javascript jquery

【解决方案1】：

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);
}

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

【讨论】：

当我尝试点击按钮时似乎无法正常工作，没有显示任何新的 div 或文本