Question

我希望能够在菜单按钮中添加一个名为selected的类，我认为这是我的css导致问题，这就是我所拥有的。

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

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

我的菜单按钮也有子项，我想在兄弟姐妹中添加一个名为“selected”的类。如果我能这样做，那就比为每个类名写出单独的行更好，比如“menu-button-over”，它可能只是一个“选中”，我希望你能按照我希望的方式做到这一点但我确定它是我的CSS

Answer 1

$（'menu-button'）不会选择任何东西，菜单按钮是id吗？如果是这样，你需要$（'＃menu-button'）

听起来你想做这样的事情：

<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/

Answer 2

是的，你的CSS会去寻找selected的{{1}}班级。

你可以这样做（感谢morgar）：

mybutton

类问题css

2 个答案: