Setze Bild src in ein anderes Bild jquery

Question

Ich habe ein div mit ein paar Bildern, und wenn ich auf diese Bilder geklickt habe, möchte ich ein anderes div mit dem Bild öffnen, auf das ich geklickt habe.

JS

$('.examples img').click(function() { 
    var loc = $(this).attr("src"); 
    $('#image-zoom').attr("src",loc); 
}); 

HTML

<div class="container examples" > 
    <div id="image-zoom"> 
     <img class="img-thumbnail zoom" src="" alt="dental"> 
    </div> 
    <div class="row"> 
     <div class="col-sm-12"> 
      <img id="zoom" class="img-thumbnail zoom" src="images/01.png" alt="dental"> 
      <img class="img-thumbnail zoom" src="images/02.png" alt="dental"> 
      <img class="img-thumbnail zoom" src="images/03.png" alt="dental"> 
     </div> 
    </div> 

    <div class="row"> 
     <div class="col-sm-12"> 
      <img class="img-thumbnail zoom" src="images/04.png" alt="dental"> 
      <img class="img-thumbnail zoom" src="images/05.png" alt="dental"> 
      <img class="img-thumbnail zoom" src="images/06.png" alt="dental"> 
     </div> 
    </div> 
</div> 

Wenn ich versuche, das div seine Arbeits zu verbergen, so habe ich Fehler in der Syntax Ich denke

Answer 1

Ändern der src von das Bild, nicht von der div:

$('#image-zoom img').attr("src",loc); 

Answer 2

Änderungslinie 3 das Bild anstelle des Containers verweisen:

$('#image-zoom img').attr("src",loc);