2011-05-02 30 views
0

我想只能添加一個名爲selected的類到菜單按鈕我認爲這是我的CSS這就是我所擁有的問題。類問題css

$('menu-button').addClass('selected'); 
div.mybutton { 

} 
div.mybutton .selected{ 
    background-color:#ff9900 
} 

我的菜單按鈕也有孩子,我想添加一個名爲「選擇」的類給兄弟姐妹。如果我可以這樣做,它會比爲每個類名稱寫出單獨的行更好,如「菜單 - 按鈕」,它可能只是一個「選擇」,我希望你可以按照我希望的方式做到這一點但我確定它的我的css

+1

我張貼的答案,但我只是刪除它,因爲我不知道我的理解是什麼問題。請澄清你是否可以。 – morgar 2011-05-02 01:48:52

+0

'menu-button'是與'mybutton'不同的對象嗎? – morgar 2011-05-02 01:53:31

+0

@Gisborne回答了我的問題thatnks dude – ONYX 2011-05-02 01:54:42

回答

1

呀,你的CSS是要去尋找一個selected班,這是一個mybutton的孩子。

你能做到這一點,但(信貸morgar):

div.mybutton.selected { background-color:#ff9900; } 
3

$('菜單按鈕')不會選擇任何東西,是菜單按鈕的ID?如果是這樣,你需要$(「#菜單按鈕」)

聽起來像是你想要做這樣的事情:

<html> 
    <head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.js"></script> 

    <style type="text/css"> 
    div.mybutton .selected{ 
    background-color:#ff9900 
    } 
    </style> 

    <script type="text/javascript"> 
    $(document).ready(function(){ 
    $('.menu-button').hover(function(){ $(this).addClass('selected'); }, function(){ $(this).removeClass('selected'); }); 
    }); 
    </script> 

</head> 
<body> 
    <div class="mybutton"> 
    <button class="menu-button">I'm a button 1</button> 
    <button class="menu-button">I'm a button 2</button> 
    <button class="menu-button">I'm a button 3</button> 
</div> 
</body> 
</html> 

演示在這裏:http://jsfiddle.net/b2YJY/

+0

我一直在尋找答案不是批評家 – ONYX 2011-05-02 01:55:07

+2

我怎麼批評?你的選擇器是不正確的,你的問題並不像摩爾指出的那樣清楚。 – 2011-05-02 01:57:45