Javascript 添加动态第二类Jquery

我试图在jQuery中使用for循环向一组按钮添加第二个类，并将第二个类设置为当前迭代器（I）的编号。每个按钮的第一个类分配给“用户”。我希望每个按钮都有一个动态的第二类，以便在单击时，可以使用其第二类作为索引来访问对象中的特定键

我遇到的问题是，每个按钮的第二个类都设置为0。“users”是一个长度为4的数组，因此按钮的第二类应该是0,1,2,3

$(document).ready(function(){
    for(var i = 0; i < users.length; i++) {
    var $currentUser = $('<button class="users '+ i +'"></button>');
        $currentUser.text(users[i]);
        $currentUser.appendTo('.userList');
      }

    $(".users").click(function() {
      alert($(".users").attr('class').split());
    // Alert returns "users 0" for each button.
    });
});        

$（文档）.ready（函数（）{
对于（var i=0；i

---

底部的警告现在只是一个占位符，用于检查类设置是否正确。谢谢

将代码更改为以下内容。单击元素时，将

$（“.users”）

更改为

$（this）

$（“.users”）.attr（'class'）

始终返回所有按钮元素

$(".users").click(function() {
  alert($(this).attr('class').split());
});

---

将代码更改为下面的。单击元素时，将

$（“.users”）

更改为

$（this）

$（“.users”）.attr（'class'）

始终返回所有按钮元素

$(".users").click(function() {
  alert($(this).attr('class').split());
});

---

将代码更改为下面的。单击元素时，将

$（“.users”）

更改为

$（this）

$（“.users”）.attr（'class'）

始终返回所有按钮元素

$(".users").click(function() {
  alert($(this).attr('class').split());
});

---

将代码更改为下面的。单击元素时，将

$（“.users”）

更改为

$（this）

$（“.users”）.attr（'class'）

始终返回所有按钮元素

$(".users").click(function() {
  alert($(this).attr('class').split());
});

---

当对一组元素使用诸如.attr（'class'）之类的getter方法时，它将返回集合中第一个元素的值。当您说

$（'.users'）

时，它将返回类users中的所有元素

在本例中，您希望引用单击的按钮，该按钮在单击处理程序中作为

this

提供，因此您可以

$（文档）.ready（函数（）{
变量用户=['u1'、'u2'、'u3']
对于（var i=0；i
当您对一组元素使用诸如.attr（'class'）之类的getter方法时，它将返回集合中第一个元素的值。当您说
$（'.users'）
时，它将返回类users中的所有元素

在本例中，您希望引用单击的按钮，该按钮在单击处理程序中作为
this
提供，因此您可以


$（文档）.ready（函数（）{
变量用户=['u1'、'u2'、'u3']
对于（var i=0；i
当您对一组元素使用诸如.attr（'class'）之类的getter方法时，它将返回集合中第一个元素的值。当您说
$（'.users'）
时，它将返回类users中的所有元素

在本例中，您希望引用单击的按钮，该按钮在单击处理程序中作为
this
提供，因此您可以


$（文档）.ready（函数（）{
变量用户=['u1'、'u2'、'u3']
对于（var i=0；i
当您对一组元素使用诸如.attr（'class'）之类的getter方法时，它将返回集合中第一个元素的值。当您说
$（'.users'）
时，它将返回类users中的所有元素

在本例中，您希望引用单击的按钮，该按钮在单击处理程序中作为
this
提供，因此您可以


$（文档）.ready（函数（）{
变量用户=['u1'、'u2'、'u3']
对于（var i=0；i

谢谢，这帮了大忙。谢谢，这帮了大忙。谢谢，这帮了大忙。谢谢，这帮了大忙。