如何改变所选菜单的颜色在CSS或jQuery的

Question

<li> 
    <a href="#bedroom" id="room_option_masterroom_a"> 
     <span id="room_option_master"></span> 
     <span id="room_option_span">Master Room</span> 
    </a> 
</li> 

#masterroom_light_a:active{background-color:#0000FF} 

我试图改变所选菜单蚂蚁的颜色被选中，直到和我不是从列表中选择另一个菜单，我是尝试在CSS有源标签，但它工作不正常。

Answer 1

简单的一类active添加到您单击任何菜单项，然后从其他项目中删除它...

$(function() { 
 
    $("#myMenu li").click(function() { 
 
    $("#myMenu li").removeClass("active"); 
 
    $(this).addClass("active"); 
 
    }); 
 

 
});

.active { 
 
    background-color: #0000FF 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul id="myMenu"> 
 
    <li id="item1">item1</li> 
 
    <li id="item2">item2</li> 
 
    <li id="item3">item3</li> 
 
    <li id="item4">item4</li> 
 
</ul>