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(); 
    });