javascript - 在jquery中添加类

Question

我正在使用jquery 3.3.1创建一个 html 元素，如下所示：

var $elem = $('<span>', {
  'data-function': "addSynonym",
  'data-id': 1,
  'data-options': '[test1, test2, test3]',
  'data-all': '[test0, test-1, test-2]',
  'html': $('<span>', {
    'text': "test"
  })
});

console.log($elem[0]);
console.log($elem[0].innerHTML);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

我想将引导类添加class="badge badge-info"到我的两个span元素中。

有什么建议可以通过 jquery 直接添加吗？

标签： javascriptjquery

Answer 1

您可以只使用与 for 相同的类data attributes，也可以使用addClass

var $elem = $('<span>', {
  'data-function': "addSynonym",
  'data-id': 1,
  'data-options': '[test1, test2, test3]',
  'class': 'badge badge-info',
  'data-all': '[test0, test-1, test-2]',
  'html': $('<span>', {
    'text': "test",
    'class': 'badge badge-info'
  })
});

console.log($elem[0]);
console.log($elem[0].innerHTML);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>