jQueryをDOM作成のネイティブJSと組み合わせる

Question

私は古いアプリケーションを再利用していますので、DOMの構造をDOMの構造に適用してIDの代わりにノードのクラスに適用します。

以下はコードの一部ですが、わかりますように、私はjQuery（ノードをクラスで取得）と古い構造を組み合わせようとしていますが、ここでは何かが正しく動作しません。

このようにjQueryとJSネイティブを組み合わせることは可能ですか？ そうでない場合は、私がしたいことを達成する別の方法がありますか？

var gamearea = $('<div/>', { 
    text': 'testarea', 
    class': 'gamearea' 
}).appendTo('.memory:last');  

alert("this.rows: " + this.rows); 

for (var j = 0; j < this.rows; j++){ 
    var box = document.createElement('div'); 
    for (var i = 0; i < this.cols; i++){ 

     var iterator = (this.cols * j) + i; 

     var img = document.createElement('img'); 
     var aNod = document.createElement('a'); 

     aNod.href = "#"; 
     img.src = "pics/0.png"; 

     aNod.appendChild(img); 
     box.appendChild(aNod); 
    } 
    gamearea.appendChild(box); 
} 

Answer 1

あなたはそれがgamearea[0].appendChild(box);

へgamearea.appendChild(box);を変更することにより、作業得ることができる必要があり、その背後にある理由は、あなたは、単にobjであり、obj[0]を行うことによって、jQueryの拡張オブジェクトのための裸のDOM要素を取得することができますですobj = $(...)などのように取得されたjQuery拡張オブジェクト。appendChildメソッドは、コードのDOM要素の露出方法です。