как изменить цвет выбранного меню в 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>