更改每個懸停兒童的父級背景圖像/顏色

Question

我希望我的父級div根據子div被徘徊而改變背景顏色/圖像。我需要4個不同的孩子div來影響父母。

<div id="container"> 
    <div id="Div1" class="elmt">div1</div> 
    <div id="Div2" class="elmt">div2</div> 
    <div id="Div3" class="elmt">div3</div> 
    <div id="Div4" class="elmt">div4</div> 
</div> 

小小提琴測試（不工作-_-'）http://jsfiddle.net/TyL6G/3/

Answer 1

這是我與動態的標籤解決方案。如果您找到更好的方法來做到這一點，歡迎您分享。 :)

jQuery的

$(function() { 
$('#container>div[image]').hover(function(){ 
    $(this).parent().css("background-image",$(this).attr("image")); 
    }, 
    function(){ 
     $(this).parent().css('background-image','url(link.jpg)'); 
    }); 
}); 

檢查小提琴： http://jsfiddle.net/TyL6G/15/

Answer 2

這是一個specificity問題。 .newColor類背景顏色不會覆蓋#container背景顏色，因爲id比類更具體。

使用更具體的選擇要應用背景：

#container.newColor { 
    background-color:yellow; 
} 

UPDATED EXAMPLE