)ver1.0〜機能jQueryオブジェクトで指定した要素を引数で指定したfunctionで個別に処理します。返されるjQueryオブジェクトは変更されません。引数にfunctionを設定サンプル(each/01.html)を開いてul要素にli要素が5つあることを確認して下さい。4</li></ul>jQueryは以下の様に記述されeachメソッドの引数にfunctionの「eachFunc」が設定されています。$("button").click(function(){$("li").each(eachFunc);})eachメソッドの引数に設定するFunctionは以下の様な構文になっています。セレクタの要素)を受け取ります。これらの引数の値は{}内の処理で利用することができます。セレクタに含まれている要素ごとに処理を実行できます。処理の途中でfalseを返すと、その時点でeachの処理を中断します。trueを返すと現在処理している要素だけをスキップします。returnは設定しなくても問題ありません。textメソッドを利用し「〜番目の要素」と表示するようにしています。jQueryメソッドを利用してjQueryオブジェクトにする必要があります。2行目で利用している引数のelemはthisに置き換えても機能します。{$(elem).text(index+"番目の要素");}結果としてbuttonをクリックすると、各li要素に「〜番目の要素」と表示されます。途中でeachの処理を中止するeachメソッドの引数に設定したfunction内でfalseをreturnすると、途中でeachの処理を中止することができます。サンプル(each/02.html)を開いてbody内の構成はサンプルeach/01.htmlと同じ事を確認してください。jQueryはeachFuncが以下の様に変更され、(セレクタで選択されたli要素の)インデックス番号が2の要素の処理に入る時点でfalseをreturnしています。その結果インデックス番号2番目以降のli要素はeachFuncで処理されません。false;$(elem).text(index+"番目の要素");}結果として、buttonをクリックすると0番目と1番目のli要素のテキストだけが変更されます。ちなみにサンプル(each/02b.html)のようにreturnの位置をテキストを設定する処理の後に移動すれば、2番目のテキストを設定した後でeachFuncの処理を中止するので、2番目のli要素のテキストは変更されます。false;}現在の要素だけ処理をスキップreturnでtrueを返すと、現在処理している要素の処理だけをスキップします。サンプル(each/03.html)を開いてbody内の構成はサンプルeach/01.htmlと同じ事を確認してください。jQueryはeachFuncがサンプルeach/02.htmlとほとんど同じで、falseではなくtrueを返すように変更しているだけです。その結果インデックス番号2番目のli要素だけ処理がスキップされます。true;$(elem).text(index+"番目の要素");}結果として、buttonをクリックすると2番目のli要素だけテキストが変更されません。返されるjQueryオブジェクトは変更されませんeachメソッドはjQueryオブジェクトで指定した要素を処理しますが、要素(返されるjQueryオブジェクト)は変更しません。mapメソッドと異なりフィルタリングしません。サンプル(each/04.html)を開いてbody内の構成とeachFuncはサンプルeach/02.htmlと同じことを確認してください。異なっているのはメソッドチェーンでeachメソッドの後にcssメソッドで文字の色を赤く変更している点です。$("button").click(function(){$("li").each(eachFunc).css("color","#f00");})結果としてbuttonをクリックすると、eachメソッドの処理は0番目と1番目のli要素しか処理しませんが、jQueryオブジェクトで指定した要素は変更されないためcssメソッドによってli要素すべてが文字色が赤く変更されます。jQuery.eachメソッドを利用してください。mapメソッドを利用してください。