jQuery意外的令牌 - 在追加选项中

Question

代码：

$('#Sub_categories').append($("<option/>", {
    value: element['ID'],
    text: element['English_name'].toLowerCase(),
    class: 'ucwords'
    data-GST: '1'
}));

中的错误

  

数据-GST

如何使用此方法追加数据属性？

Answer 1

您错过了最后两个键/值对之间的,，并且键中的-被解释为数学运算。要解决此问题，您需要将其放在引号中：

$('#Sub_categories').append($("<option/>", {
  value: element['ID'],
  text: element['English_name'].toLowerCase(),
  class: 'ucwords',
  'data-GST': '1'
}));