2012-04-04 110 views
0

我是一個JavaScript新手,需要一些幫助,這個簡單的事情...我想div:最後顯示在鼠標懸停div:第一。它們被包裹在.workpost中。jquery mouseover find()swap divs

我有幾個.workpost,只想要觸發一個活躍...

隨着淡入下面的代碼閃爍。

$('.workpost').mouseover(function() { 
    $(this).find('div:last').fadeIn(200); 
    $(this).mouseout(function() { 
     $(this).find('div:last').fadeOut(200); 
    }); 
}); 
+0

你的代碼是'.workpost'的'mouseover'但你的描述說,你想它''的DIV mouseover':first'。哪個是對的? – 2012-04-04 13:38:32

+0

我有一個div:首先包裹在.workpost中,但也許不需要包裝。 – 2012-04-04 13:41:47

回答

3

不要窩在事件處理程序:

$('.workpost').hover(function() { 
    $(this).find('div:last').fadeIn(200); 
}, function() { 
    $(this).find('div:last').fadeOut(200); 
}); 
+0

請接受答案。此代碼已在所有「.wordposts」中添加事件處理程序。你知道$(「。workpost」)是一個數組,其所有與「.workpost」匹配的DOM元素,是嗎? – 2012-04-04 13:42:08

+0

是的,我知道..不知道如何解釋我自己。有沒有簡單的方法來觸發鼠標實際結束的「.workpost」。 =) – 2012-04-04 13:44:45

+0

這就是$(this)所做的。也許這會更容易,如果你讓一個jsfiddle – 2012-04-04 13:45:20