2011-05-02 40 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