Добавить класс в 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>

Я хотел бы добавить bootstrap класс class="badge badge-info" к моим двум span элементам.

Любые предложения, как добавить это напрямую через jquery?

Answer 1

Вы можете использовать тот же класс, что и для 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>