使用jQuery将CSS类添加到动态按钮

Question

我正在使用jQuery创建动态按钮，是否有一种在创建CSS类时向其中添加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')