Question

我正在尝试在创建后向列表元素添加一些数据属性。

  var el = document.createElement('li');
  el.className = "list-group-item";
  el.attr({"data-content": contentForm, "data-type": contentType, "data-number": value});

错误是'Uncaught TypeError：el.attr不是函数'

我在这里进行另一次讨论，我找不到问题...

Answer 1

attr()是一个jquery函数，您无法在DOM元素上调用它，尝试使用 setAttribute 或使您的el成为jquery元素在致电 attr() 之前：

el.setAttribute();
//OR
$(el).attr();

如果您想要添加data属性，则应使用 data() ，例如：

$(el).data({content: contentForm, type: contentType, number: value});

希望这有帮助。

Answer 2

如果您要使用jQuery，请在jQuery中完成所有操作。

var el = $('<li/>').addClass('list-group-item').attr({"data-content": contentForm, "data-type": contentType, "data-number": value});

JQuery，创建后无法分配数据属性

2 个答案: