onclick display keine der ausgewählten Bild

Question

Wie bekomme ich ein bestimmtes Bild, um keine auf Klick anzuzeigen? Ich versuche Intervalle festlegen um das Bild anzuzeigen:

$(document).ready(function() { 
 
    var $terror = $('.terror') 
 

 
    console.log($terror); 
 
    $terror.on('click', function() { 
 
    $(this).css('display', 'none') 
 
    }) 
 
})

<div id="box1"> 
 

 
<img class="terror" src="assets/img/terror1.png"/> 
 
</div> 
 

 
<div id="box2"> 
 

 
<img class="terror" src="assets/img/terror1.png"/> 
 
</div> 
 

 
<div id="box3"> 
 

 
<img class="terror" src="assets/img/terror1.png"/> 
 
</div>

Answer 1

In jQuery wird this als $(this) definiert.

$(document).ready(function() { 
 
    var $terror = $('.terror') 
 

 
    $terror.on('click', function() { 
 
    $(this).css('display', 'none') 
 
    //Also, as @Ignacio Olivieri said, it would be better to use: 
 
    //$(this).hide(); 
 
    //To display it again, use: 
 
    //$(this).show() 
 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="box1"> 
 

 
<img class="terror" src="assets/img/terror1.png"/> 
 
</div> 
 

 
<div id="box2"> 
 

 
<img class="terror" src="assets/img/terror1.png"/> 
 
</div> 
 

 
<div id="box3"> 
 

 
<img class="terror" src="assets/img/terror1.png"/> 
 
</div>

Answer 2

ich nicht understant was "i Intervalle einstellen versuche das Bild anzuzeigen" bedeutet.

aber was Ihr Fehler ist

var $terror = $('.terror') 
    console.log($terror); 
    $terror.on('click', function() 

Änderung es $ ('Terror '). Auf (' Klick', function()