javascript - 如何将数据添加到 jquery 创建的元素？

Question

向新元素添加数据：

var ComBox = $('<div></div>').addClass('commentBox');
$.data(ComBox, 'ChannelID', 5);
$('body').append(ComBox);

尝试获取数据时，结果未定义..

var cID = $('.commentBox').data('ChannelID');
console.log('cID : '+cID );

Answer 1

替换这个：

$.data(ComBox, 'ChannelID', 5);

有了这个：

ComBox.data('ChannelID', 5);

它使用这个功能

最佳实践说明，您最好在 jQuery 对象前加上 $ 含义：
ComBox=>$comBox

Answer 2

$.data需要一个DOM元素，而不是jQuery对象。要么使用：

$.data(ComBox[0], 'ChannelID', 5);

或者@gdoron 建议的更方便的.data()函数：

ComBox.data('ChannelID', 5);

演示。