用jQuery顯示和隱藏與元素相關的div

我試圖實現一個非常簡單的javascript。我正在構建某種工具提示（鏈接中的隱藏<div>），以便鏈接處於懸停狀態。所以，事情是我有幾個鏈接有自己的工具提示，下面顯示的代碼正確顯示和隱藏，但事情是我只想顯示與該鏈接相關的工具提示，而不是所有的。我認爲解決這個問題的好方法是使用一個javascript函數，它只顯示該特定鏈接的工具提示，並且沒有針對每個鏈接的函數。用jQuery顯示和隱藏與元素相關的div

在此先感謝您的幫助，我希望我能以您能理解的方式解釋我的問題。

$(function() { 
    $('.toolshoot').hover(function() { 
     $('.toolbox').show(); 
    },  
    function() { 
     $('.toolbox').hide(); 
    } 
    );   
});

來源

2012-11-07 Jaypee

我想這會工作：

$(function() { 
    $('.toolshoot').hover(function() { 
     $('.toolbox', this).show(); 
    },  
    function() { 
     $('.toolbox', this).hide(); 
    } 
    );   
});

我在尋找.toolbox內被盤旋的元素。

下次請發佈代碼示例及其標記。

來源

2012-11-07 20:05:45 iMoses

工作就像微風，代碼是很乾淨很好，所以你得到了接受的答案。謝謝，謝謝，謝謝！ – Jaypee

我需要看到你的代碼，並知道提示究竟是如何「關聯」的鏈接，但你可以做這樣的事情：

$(function() { 
    $('.toolshoot').hover(function() { 
    $(this).closest(':has(.toolbox)').find('.toolbox').show(); 
    }, 
    function() { 
    $(this).closest(':has(.toolbox)').find('.toolbox').hide(); 
    } 
); 
});

來源

2012-11-07 20:06:03

就像你發送它一樣工作！非常感謝！！！！！ – Jaypee

用jQuery顯示和隱藏與元素相關的div

回答

相關問題