jQuery each（）ループ内のDOMを変更する場合の動作

Question

each（）ループを使用したときのjqueryの動作は？それは次のとおりです。第一の目的のために

1. 見て、次のオブジェクトを探して、関数を実行...
2. は、（
3. 他のそれらのそれぞれに機能を実行し、コンテナ内のすべてのオブジェクトを収集するもの正確に）

それが関連している例、：？

<div id="a"> 
    A 
    <div id="b"> 
     B 
    </div> 
</div> 
<div id="c"> 
    C 
</div> 

私はこのJavaScriptを実行した場合：

$('div').each(function(index){ 
    alert($(this).html()); 
    $(this).remove(); 
} 

3つのアラートが表示されますか、2つだけ表示されますか。

Answer 1

選択にどのようなアクションを実行するかにかかわらず、jQueryはそのアクションを適用する前にその選択を行います。 $('div')がセレクタであることを意味し、セレクションプロセスは、他のチェーンメソッド（例えば、each()）に関係なく、前に行われます。 $()はメソッドを呼び出す前に評価する必要があるため、これは言語の産物です。

その選択肢がページから3つのdivを取得した場合、リスト内に3つのjQueryオブジェクトがあり、繰り返し処理できる状態になります。 あなたはをすることによってこれを証明することができます：あなたは3つのインデックスと配列を反復している

したがって

$('div').length 

（0、1、2）、あなたはインデックス1、の次の反復のためのDOMからのdivを削除する場合

DEMO：あなたが＃2で説明してきたようにhttp://jsfiddle.net/marcuswhybrow/HYJa4/

Answer 2

jQueryのように動作するeach()コールバックはまだ指数2.チェックアウト時にオブジェクトのための証明のため、このライブデモになります。 div Bは、divの内部にあることから、しかし

1. "< div>のB </div>の"
2. "B"
3. "C"

：次の3つのアラートが表示されますA、それはdiv Aで取り除かれます。jQueryはまだそれについて知っていて、その内容を警告しますが、その時間までにすでに削除されています。したがって、3つのアラートが表示されますが、子要素が削除されるため、2つの削除のみが実行されます。

Answer 3

2が答えです。

jQueryは一致する要素のリストを収集し、リストをループします。

重要なことだと思いますが、まだ処理されていないアイテムを削除しないでください。そうしないと、参照が見つかりませんでした。