exercises005

下記の問題を区切り線以下のソースにjQueryを使用して操作してください。

このindex.html及び、style.cssは書き変えないこと。

jQueryのコードはscript.jsに記入すること。

指定された要素のみに操作できるようなコードを書くこと

問題1
.eachファンクションはインデックス(ループ中の順番)をつけることが簡単にできます。下記のjQueryのコードを書いて結果を確認して、なぜこうなるのかを問題文下にある回答エリアに回答をjQueryを使用して記入してください。
	$(".eachTest").each(function(i){
			$(this).find('span').text(i);			
		
		});                      
            

ここは番目のdivです
ここは番目のdivです
ここは番目のdivです
ここは番目のdivです
ここは番目のdivです

問題2
下記の画像のパス名と画像の幅を取得して、それぞれ指定の領域に書き出すようにしてください。
画像サイズに関しては、下記のコードを活用して取得してください(記載しているbindメソッドはwebkit対策になります。moz系はwidth()メソッドで取得はできます。)
			$("img").bind("load",function(){
				 $(this).width();
			});
                    
            


  • この画像の幅は:pxです。
    この画像の相対パスはです。

  • この画像の幅は:pxです。
    この画像の相対パスは:です。

  • この画像の幅は:pxです。
    この画像の相対パスは:です。