javascript - 添加动态二类Jquery

Question

我正在尝试使用 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.
    });
});        

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

Answer 1

将代码更改为以下。单击元素时，将 $(".users") 更改为 $(this)。

$(".users").attr('class') 始终返回所有按钮元素。

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