JQuery，創建後不能分配數據屬性

Question

我想創建後添加一些數據屬性到列表元素。

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

的錯誤是「遺漏的類型錯誤：el.attr不是一個函數」

我跟另一個討論在這裏，我不能找到問題...

Answer 1

attr()是一個jQuery函數你不能把它的DOM元素上，嘗試使用setAttribute或讓你的el一個jQuery元素調用attr()前：

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

如果你想添加滾裝屬性data你應該使用data() e.g：

$(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});