オブジェクトメソッドを拡張する変数にjQueryネイティブ/ローカルスコープを公開する方法

Question

多分、この質問は以前には答えられましたが、私は実際にどのようにそれを求めているのかわかりません。私は何をしようとしているのかをあなたに伝えることができます。

私はjQueryのセレクタ機能を持つドキュメントオブジェクトの配列を作成し、そのように変数に代入：

var imgArray = $("#rootContainer > img"); 

を今私はjQueryのメソッドのすべてがなくなっている配列を反復するとき。例えば、これは動作しません。

for (i = 0; i < imgArray.length; i++) { 
     var scaledWidth = (imgArray[i].width * 0.5); 
     imgArray[i].width(scaledWidth); 
    } 

エラーのようなものは、標準的なDOMではなく、変数に渡されるjQueryのスコープが渡された場合の関数ではありません。私は純粋なjavascriptで動作するようにコードを得ることができますが、スコープを渡すことができない場合、DOMを抽象化するポイントは何ですか？

Answer 1

私は、配列$(selector)[index]、$(selector).get(index)、$(selector).eq(index)から必要な要素を取得するには3つの方法を知っている...、uはあなたがjQueryのインスタンスを持っている場合、あなたはjQueryのメソッドを呼び出すことができforeach

$.foreach(imgArray,function (index, img){ 
    scaledWidth = (img.width() * 0.5); 
    img.width(scaledWidth); 
}); 


for (i = 0; i < imgArray.length; i++) { 
    var img = $(imgArray)[i], 
     scaledWidth = (img.width() * 0.5); 
    img.width(scaledWidth); 
} 

Answer 2

を使用することができます。単一のDOMノードがある場合は、ネイティブDOM APIを使用してDOMメソッドを呼び出してDOMプロパティを設定できますが、通常のDOM要素ではjQueryメソッドを使用することはできません。ここで

あなたはより詳細な情報を見つける：

http://james.padolsey.com/stuff/jQueryBookThing/#dom-then-jquery