jquery - 使用 jQuery 将 css 类添加到动态按钮

Question

我正在使用 jQuery 创建动态按钮，有没有办法在创建它时向它添加 CSS 类，我想避免的是编写另一行 JavaScript 来向它添加 CSS 类，除非没有其他方法. 找到下面的代码片段，

 $.each(data, function (index, value) {
       var button =  $('<button/>', {
              text: value, 
              id: 'btn_' + index,
              click: function () { MNS.ButtonClick(this) }
       });
       $('#MyDiv').append(button);
 });

我们有这样的东西吗，

  $.each(data, function (index, value) {
        var button =  $('<button/>', {
               text: value, 
               id: 'btn_' + index,
               **css:'Myclass'**
               click: function () { MNS.ButtonClick(this) }
        });
        $('#MyDiv').append(button);
  });

Answer 1

可以在构造函数中设置class

$.each(data, function (index, value) {
    var button =  $('<button/>', {
        "class" : "myClass" //Set the CSS to be add 
    });
});

或，在创建的对象上使用方法addClass

button.addClass('myClass')