如何改變所選菜單的顏色在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>