使用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) } 
});