jqueryでウェブページの画像を選択/選択解除する

Question

ウェブページに画像のリストがあります。画像をクリックして選択し、同じページに選択した画像を表示したいと考えています。選択した画像をクリックすると、選択を解除します。 私は以下のスケッチを表示しました。誰かがそれを行う方法jQueryコードで私を助けてくださいできますか？ ありがとうございました。

Answer 1

Hereで開始するためのものです。

$('#selectList img') 
    .each(function(i, el){ 
     $(this).addClass('img' + i); // identtify imgs by index (class="imgN") 
    }) 
    .click(function(){ 
     var $img = $(this).toggleClass('clicked'); 
     if($img.hasClass('clicked')) 
      output.append($img.clone().removeClass('clicked')); 
     else 
      output.find('.' + $img[0].className).remove(); 
    });