Javascript 在鼠标悬停的class元素中获取class元素

我想在鼠标悬停时隐藏一个元素

<div class="filmbox">
    <img src="img/cover/django.jpg" onmouseover="cover()" class="filmpic">
    <div class="filmcover">98 pt</div>
    <div class="filmtext">&nbsp;DJANGO</div>
</div>

我可以用这个代替getElements。。。。。顺便说一下，我希望这个div对图片做出反应，而不是它本身。

然后使用Jquery

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
function cover(me){
$(me).next(".filmcover").hide();
}
</script>

<div class="filmbox">
    <img src="img/cover/django.jpg" onmouseover="cover(this)" class="filmpic">
    <div class="filmcover">98 pt</div>
    <div class="filmtext">&nbsp;DJANGO</div>
</div>

功能盖（me）{
$（me.next（“.filmcover”）.hide（）；
}
98磅
德扬戈

这也可以通过使用

This

关键字将对图像的引用传递给

cover（）

函数来完成，如

onmouseover=“cover（This）”

例如，以下代码在鼠标悬停时隐藏特定图像。它还确保只有鼠标移过的图像才会在鼠标移过时隐藏（我假设class

filmpic

应用于多个图像）

功能盖（图像标签）{
imagetag.style.visibility=“hidden”；
}
98磅
德扬戈

jQuery（文档）.ready（函数（）{
jQuery（“.filmpic”）。悬停(
函数（）{
$（“.filmcover”）.hide（）；
},
函数（）{
$（“.filmcover”）.show（）；
}
);
});
98磅
德扬戈

谢谢，这很有效，但它隐藏了网站上的所有电影封面类。我如何指出我到底想隐藏哪一个？

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
function cover(me){
$(me).next(".filmcover").hide();
}
</script>

<div class="filmbox">
    <img src="img/cover/django.jpg" onmouseover="cover(this)" class="filmpic">
    <div class="filmcover">98 pt</div>
    <div class="filmtext">&nbsp;DJANGO</div>
</div>

<script>
function cover(imagetag){
     imagetag.style.visibility="hidden";
}
</script>

<div class="filmbox">
     <img src="img/cover/django.jpg" onmouseover="cover(this)" class="filmpic">
    <div class="filmcover">98 pt</div>
    <div class="filmtext">&nbsp;DJANGO</div>
</div>

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
jQuery(document).ready(function(){
    jQuery(".filmpic").hover(
    function(){
        $(".filmcover").hide(); 
    },
    function(){
        $(".filmcover").show();
    }
    );
});
</script>
<div class="filmbox">
<img src="img/cover/django.jpg" class="filmpic">
<div class="filmcover">98 pt</div>
<div class="filmtext">&nbsp;DJANGO</div>
</div>