如何在使用jquery单击时使多个图像消失?

Austin • 5 年前 • 1575 次点击

我在一个基本的html文档的头部有4个图像。他们都有“水果”。我想当我点击它时,每个图像都会单独消失,但我不能完全正确地得到代码。

我能让所有的图像立刻消失:

$(".fruits").click(function() {
     $(".fruits").hide();
});

我还可以仅使用图像的ID使单个图像消失:

$("#apple").click(function() {
     $("#apple").hide();
});

我见过这样的解决方案:

$(".fruits").click(function(imgId) {
ããããã$("#" + imgId).hide();
});

但那不管用。我走对了吗?如何使图像id拉入函数以隐藏图像?

Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/47864

1575 次点击

文章 [ 2 ] | 最新文章 5 年前

• 1 楼

Andu Andrici 6 年前

还有香草javascript(更详细一点,但这是一个很好的学习机会):

var targets = Array.from(document.getElementsByClassName('fruits'));
targets.map(function(target) { 
    target.addEventListener('click', function(e){ e.target.style.display = "none" })
};

• 2 楼

Toxnyc 6 年前

$(".fruits").click(function() {
  $(this).hide();
})

.fruits {
  display: inline-block;
  border: 1px solid #000;
  padding: 15px;
  cursor: pointer;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<header>
  <div class="fruits">Apple</div>
  <div class="fruits">Orange</div>
  <div class="fruits">Banana</div>
</header>

登录后回复