onclick display選択した画像がありません

Question

クリックすると特定の画像が表示されないようにするにはどうすればよいですか？ 私は、画像を表示する間隔を設定しようとしています：

jQueryので

$(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

、thisは$(this)として定義されます。

$(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

私は手段 "私は画像を表示する間隔を設定しようとしています" 何understantいけません。

が、あなたの間違いは（ '恐怖 '）。上（' クリック'、機能（）

$へ

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

変更それは何ですか