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

我有一个div是

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

所以我所做的是

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

但是它不起作用，请帮帮我：（

试试这个

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

});

---

n必须在引号之外，否则它会将其解释为字符串。如下所示：

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

一开始我看错了你的问题，我以为你想相应地改变部门的级别。你可以这样做：

var n = 1;
var n= $('.add'+1).length + 1;  

$('.add' + n).click(function(){
   $(this).attr('class', 'add' + n);  //for if you also want to change the class of the div
});

---

给你！！试试这个..我的代码正是你需要的

它的级别将增加[用数字表示]

<input type="button" id="btn" name="btn" value="increase"/>

我把这个代码也贴在了网上

---

谢谢。

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

HTML

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

使用添加和删除类

$('.add1').click(function(){
    var n= $('.add1').length + 1; //reads n
    $(".add1").addClass("add"+n); //adds new class
    $(".add"+n).removeClass("add1"); //removes existing class
});

以下是一个例子：

如果要选择包含变量组合的类，请使用

$（'.add'+n）

而不是

$（'.add+n'）

---

下面是一个示例：

请添加一些关于您的解决方案的注释，说明它为什么以及如何解决问题。我不理解这个问题。

.add1

的

.length

将是该类中有多少元素。但是，您希望在一组不同的对象上注册处理程序。

addN

作为他们的班级？这听起来像是XY问题…如果其中一个答案有助于回答你的问题，请考虑接受答案。

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

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

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

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

});

$('.add1').click(function(){
    var n= $('.add1').length + 1; //reads n
    $(".add1").addClass("add"+n); //adds new class
    $(".add"+n).removeClass("add1"); //removes existing class
});

$('.add'+n).click(function(){
//place code here
});