使用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

可以在构造函数中

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

OR设置class，使用方法addClass上创建对象

button.addClass('myClass') 

Answer 2

使用以下代码。使用class作为参数。

var button = $('<button/>', { 
     class : "className", 
     click: function() { MNS.ButtonClick(this) } 
});