javascript - 单击时从其他具有相同名称的类中隐藏一个类

Question

一张图片显示在我的网页上，所有图片都具有相同的类名。 我尝试通过单击隐藏一个特定的类，但是每当我单击该特定类时，所有类都会受到影响

我使用 PHP 将图像回显到网页。我已经尽我所能但没有工作。

<a href="#"><img class="media_image" onclick="hide()" src="media/<?php echo $media?>"/></a>


<script>
function hide(){
var divs = document.getElementsByClassName("media_image");
for(var i = 0; i <= divs.length; i++){
console.log("Item: ", i);
}
}
</script>

Answer 1

你可以把onclick="hide()"改成onclick="hide(this)"把元素传给函数然后函数就可以改了接受它。

function hide (element) {
    //do whatever with element
    element.style.display = "none";
}