jQuery .data（）は後でアクセスするためのIDを格納しますか？または他の方法？

Question

私が代わりに私はそれを後でアクセスできるようにそれはID属性の関連付けをDIV与えるのが、私がアクセスするjQuery.data（）を使用したいと思い、体にdiv要素を追加するので、

 
$('<div>').appendTo(document.body); 

をしようとしていますあとでdivにすると、アクションを適用することができます。

 
$('<div>').data('#myid').appendTo(document.body); 

今すぐ後でアクセスします。

Answer 1

var later = $('<div>').appendTo(document.body); 
// ... 
later.actions(); 

Answer 2

これはかなり奇妙です。 data-expandoの上に何らかの種類のidを設定しても、後でどこにアクセスするかはわかりません。そのデータプロパティを含む要素への参照がありません。

新しく作成されたノードの参照を保持する最も良い方法は、ローカル変数に格納することです。あなたのコメントに

をReferrencing

var $newdiv = $('<div>').appendTo(document.body); 

ほとんどすべてのjQueryのメソッドはjQueryのオブジェクトを含むラップセットを返します。これらのオブジェクトは、DOMノードへの参照を保持します。あなたは橋のように考えることができます。一方はあなたのECMAland（Javascript）で、もう一方はDOMlandです。そのブリッジを越えてDOMノード（高価なbtw）から参照を取得する場合は、その参照をECMAlandに格納することができます。次にDOM nodeにアクセスする場合は、ブリッジを通過して高価な料金を支払う必要はなく、まだその参照があり、DOMノードを操作できます。

Answer 3

IDなしで後で取得する必要がある場合は、DOM内のすべてのオブジェクトを繰り返し処理して、divであるかどうかを確認します。

for (var i = 0; i < document.getElementsByTagName("*").length; i++) { 
    if ($(document.getElementsByTagName("*")[i]).data("isMyDiv")) { 
     var myDiv = $(document.getElementByTagName("*")[i]); 
    } 
} 

if (myDiv !== undefined) { 
    // do stuff 
} 

効率的なコードを書くこともできます。