在鼠標懸停的類元素中獲取類元素

我想在鼠標懸停時隱藏元素。在鼠標懸停的類元素中獲取類元素

<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對圖片本身沒有反應。

來源

2013-04-13 Michał Wesołowski

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

來源

2013-04-13 13:21:34

感謝的作品，但它隱藏所有filmcover類網站上。我如何指出我想隱藏哪一個？ –

看到編輯答案 –

看看這是否工作？ –

這也可以通過使一個參考圖像使用this關鍵字cover()函數來完成，如在onmouseover="cover(this)"

例如，下面的代碼隱藏了在鼠標上的特殊圖像。它還確保只有被蒙上陰影的圖像纔會隱藏在鼠標上（我假設類filmpic適用於多個圖像）。

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

來源

2013-04-13 13:24:05 KernelPanik

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

來源

2013-04-13 13:36:32

在鼠標懸停的類元素中獲取類元素

回答

相關問題