javascript - マウスオーバーでクラス要素内のクラス要素を取得する

Question

マウスオーバー時に要素を非表示にしたい。

<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>

Filmboxクラスは何倍もかけているのでIDに変えられません。

function cover(){
document.getElementsByClassName('filmcover').style.visibility='hidden';
}

getElements ..... の代わりにこれを使用できます。この div を、それ自体ではなく画像に反応させたいのです。

Answer 1

<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>