$("#navMenus").on('click', 'li', function () { $("#navMenus li.active").removeClass("active"); // liクリック時にclass付与 $(this).addClass("active"); });
.active { background-color:yellow; color:red; display:block; width:100%; } #navMenus { width:100%; } li { cursor:pointer; display:block; width:100%; margin-bottom:15px; }
<ul id="navMenus"> <li><img src="http://placeimg.com/30/30/any">りんご</li> <li>ごりら</li> <li>らんぷ</li> <li>ぷらんたー</li> </ul>