選擇一個特定的類jQuery項目動畫

Question

我有多個div分配一個名爲projectContainer類，它基本上使每個div一定的大小，並將背景設置爲白色。我希望能夠在該類別的任何div上徘徊時爲該特定的div製作動畫。當徘徊在下面的代碼將動畫一切與階級，從白色改變顏色爲紅色：

$(".projectContainer").hover(function(){ 
$(".projectContainer").animate({ 
    backgroundColor:'rgb(189,29,54)'},100); 
}, 
function(){ 
$(".projectContainer").animate({ 
    backgroundColor:'#FFF'},100); 
}); 

通過我的jQuery的基礎知識，我想這樣的事情，讓我完成我需要什麼。

$(*.projectContainer).hover(function(){ 
$(this.id).animate({ 
    backgroundColor:'rgb(189,29,54)'},100); 
}, 
function(){ 
$(this.id).animate({ 
    backgroundColor:'#FFF'},100); 
}); 

所有的jQuery代碼放在文檔的頭部。如果我爲每個div分配一個id併爲每個id手動編碼動畫，我可以很容易地使它工作，但如果我添加更多此類的div，我希望它自動工作。我覺得像這樣的東西也可以工作，如果放置在實際的div中，但我想通過頭腦中的單一功能來保持簡單。

Answer 1

嘗試以下操作：

$(.projectContainer).hover(function(){ 
$(this).animate({ 
    backgroundColor:'rgb(189,29,54)'},100); 
}, 
function(){ 
$(this).animate({ 
    backgroundColor:'#FFF'},100); 
});