核心:点击了li后,该li加上class,没有被选择的同辈li删除class
①html部分:
<ul class = "test"> <li>糖醋排骨</li> <li>圆笼粉蒸肉</li> <li>泡菜鱼</li> <li>板栗烧鸡</li> <li>麻婆豆腐</li> </ul>
②js:
$(function(){ $(".test li").click(function(){ $(this).siblings("li").removeClass("chose"); $(this).addClass("chose"); }) });
③css:
.chose{ font-weight:bold; background: #ff99cc; color:#fff; }
注意:js中一定要加$(function(){xxx}),文档就绪。