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

OR ，在创建的对象

上使用方法addClass

button.addClass('myClass')

Answer 2

使用下面的代码。使用class作为参数。

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

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

2 个答案: