回答編集履歴

2 テキスト修正

jun68ykt

jun68ykt score 8907

2015/05/13 01:02  投稿

こんにちは。
現在のコードから最小限の修正で済ますには、元のコードのwhileの中で、
on でclickハンドラを設定している、
```lang-javascript
   $("#"+n).on("click",function(){
         $("#img_view").html('<img src="img/'+imgs[n-1]+'">');
   });
```
の中で、imgs[n-1] の n を $(this).attr("id") に変えて
```lang-javascript
   $("#"+n).on("click",function(){
         $("#img_view").html('<img src="img/'+imgs[$(this).attr("id")-1]+'">');
   });
```
とすれば、動くのではないかと思われます。
とすれば、意図しているとおりに、クリックした画像が、#img_view に
表示されるのではないかと思われます。
ご参考になれば幸いです。
1 テキスト修正

jun68ykt

jun68ykt score 8907

2015/05/13 01:00  投稿

こんにちは。
現在のコードから最小限の修正で済ますには、元のコードのwhileの中で、
on でclickハンドラを設定している、
```lang-javascript
   $("#"+n).on("click",function(){
         $("#img_view").html('<img src="img/'+imgs[n-1]+'">');
   });
```
の中で、imgs[n-1] の n を $(this).attr("id") に変えて
 
```lang-javascript
   $("#"+n).on("click",function(){
         $("#img_view").html('<img src="img/'+imgs[$(this).attr("id")-1]+'">');
   });
```
とすれば、動くのではないかと思われます。
ご参考になれば幸いです。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る