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";
}

Answer 2

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

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

单击时，从其他类中隐藏具有相同名称的类

2 个答案: