Question

如何让特定图像在点击时不显示？我正在尝试设置间隔来显示图像：

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 1

我不明白“我想设置显示图像的间隔”意味着什么。

但你的错误是什么

<div id="as"></div>
<div id="Home" onclick="Cb(this)">Home</div>
<div id="Alt" onclick="Cb(this)">Versions</div>
<div id="News" onclick="Cb(this)">News</div>
<div id="Contact" onclick="Cb(this)">Contact</div>

将其更改为 $（ '恐怖 '）。在（' 点击'，函数（）

Answer 2

在jQuery中，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>

onclick不显示所选图像

2 个答案: