javascript - 单击按钮时如何更改javascript中的调用类？

Question

我有一个div是

<div class="add1"></div>

我希望 add1 成为 add+thenumber of length 示例:

var n= $('.add1').length + 1;  
$('.add1').click(function(){

所以我做的是

$('.add+n').click(function(){

但是它不起作用，请帮助我:(

Answer 1

您可以将数字存储在数据属性中并在每次点击时递增。从数据属性值更改类属性。

HTML

  <div id="myDiv" data-num='1' class="add1">click me</div> 

JS

document.getElementById('myDiv').addEventListener('click', function(){

var num = Number(this.getAttribute('data-num'));
num++;
this.setAttribute('data-num', num)

this.setAttribute('class', 'add' + num);

});