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

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

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

错误为“未捕获类型错误：el.attr不是函数”

我在这里继续另一个讨论，我找不到问题…

attr（）

是一个jquery函数，您不能在DOM元素上调用它，请尝试使用或在调用之前将您的

el

设置为jquery元素：

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

如果要添加

数据

属性，应使用例如：

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

---

希望这对您有所帮助。

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

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

var el=$（'
'）.addClass（'list-group-item'）.attr（{“数据内容”：contentForm，“数据类型”：contentType，“数据编号”：value}）；

没有DOM节点方法

attr（）

但是

setAttribute（）

不能在JS DomeElement上使用

el

jQuery方法。使用

$（el）.attr({…

您不使用attr设置数据您不使用attr设置数据！您认为？它会更改HTML，不会更新jQuery在页面加载时创建的全局变量。什么全局变量？在内部，jQuery创建一个名为$.cache的空对象，用于存储您通过data方法设置的值。添加数据的每个DOM元素向分配了唯一ID，该ID用作$.cache对象中的键。