Javascript 单击时对具有相同名称的其他类隐藏一个类

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

我使用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>

函数hide（）{
var divs=document.getElementsByClassName（“媒体图像”）；
对于（var i=0；i您可以将
onclick=“hide（）”
更改为
onclick=“hide（this）”
将元素传递到函数中，然后可以将函数更改为接受它

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

您可以为网页中的每个图像添加第二个特殊类，如：

<img class="myimg img-1">
<img class="myimg img-2">
<img class="myimg img-3">
// ect


//ect
请改进（英语）语法。很难说出要问什么。