懸停時jQuery的特定顯示按鈕

我有一個應用程序通過循環創建一堆div。懸停時jQuery的特定顯示按鈕

每個div有類「產品」

所以它看起來像

<div class="product"> 
     !.....stuff here ....! 
     <div class="show_on_hover">...buttons here... </div> 
</div>

所以有每頁這些相同的div約12。

我想懸停在一個特定的一個，並顯示具體的「show_on_hover」div最初設置爲顯示：無。

$('.product').hover(function() { 
    $(.show_on_hover).show(); 
    }, 
    function() { 
     $(.show_on_hover).hide(); 
    } 
);

這是我到目前爲止，但它會顯示所有網頁上的.show_on_hovers的，所以我想知道如何讓只有你已打探到顯示具體之一。當您將鼠標懸停在任何評論上時，就會在YouTube上看到這種效果，並且會彈出一些評論工具。

謝謝！

來源

2010-05-29 jim

find將在懸停.product內找到您的.show_on_hover div。試試這個：

$('.product').hover(function() { 
     $(this).find('.show_on_hover').show(); 
    }, 
    function() { 
     $(this).find('.show_on_hover').hide(); 
    } 
);

來源

2010-05-29 05:10:26

是的，我剛剛發佈了heh後發現了它。雖然謝謝！最後一部分應該是$（this）.find（'。show_on_hover'）。hide（）;否則產品開始消失。：） – jim 2010-05-29 05:15:29

嘗試 $（ 'show_on_hover。'，這一點）.show（）/隱藏（）

添加第二個參數去jQuery的功能將搜索範圍限制在在裏面說。元件。在這種情況下，這將是點擊的div。

來源

2010-05-29 05:14:29 patrickmcgraw

懸停時jQuery的特定顯示按鈕

回答

相關問題