[解決済み] DOMへのデータ属性の追加

質問

$('div').data('info', 1);

alert($('div').data('info'));
//this works    

$('div[data-info="1"]').text('222');
//but this don't work

jqueryの中で要素を作っています。その後、属性 "data" を追加したいのです。彼は、追加されているようですが、DOMでは、これは明白ではなく、私は、アイテムを取得することはできません、使用しています。

$('div[data-example="example"]').html()

jsfiddle

解決方法は？

を使用します。 .data() メソッドを使用します。

$('div').data('info', '222');

これは、実際の data-info 属性があります。もし属性を作成する必要があるならば .attr() :

$('div').attr('data-info', '222');