javascript - jqueryで作成した要素にデータを追加するには?

Question

新しい要素へのデータの追加:

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

データを取得しようとすると、結果は undefined..

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

Answer 1

これを置き換えます：

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

これとともに：

ComBox.data('ChannelID', 5);

この機能を使用しています

ベスト プラクティスの注意点として、jQuery オブジェクトに $ という意味のプレフィックスを付けた方がよいでしょう:
ComBox=>$comBox

Answer 2

$.datajQueryオブジェクトではなく、DOM要素が必要です。次のいずれかを使用します。

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

または、@gdoron で提案されているように、より便利な .data()関数:

ComBox.data('ChannelID', 5);

デモ。