如何將數據添加到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); 

它採用this function

最佳實踐紙條，你最好用$意義前綴您的jQuery對象：
ComBox =>$comBox

Answer 2

$.data需要一個DOM元素，不是的jQuery對象。無論是使用：

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

還是比較方便.data()功能，如@gdoron建議：

ComBox.data('ChannelID', 5); 

DEMO。