JS 给li标签下所有a标签添加点击事件并添加和删除样式
1 <div class="side" id="sportsItem2"> 2 <ul class="sub_menu"> 3 <li><a id="01" class="on" href="#" target="main"><img src="images/menu_navico_01.png" /><p>菜单一</p></a></li> 4 <li><a id="02" href="homeModule.html?func_code='01'" target="main"><img src="images/menu_navico_02.png" /><p>菜单二</p></a></li> 5 <li><a id="03" href="homeModule.html?func_code='02'" target="main"><img src="images/menu_navico_03.png" /><p>菜单三</p></a></li> 6 <li><a id="04" href="homeModule.html?func_code='03'" target="main"><img src="images/menu_navico_04.png" /><p>菜单四</p></a></li> 7 <li><a id="05" href="homeModule.html?func_code='04'" target="main"><img src="images/menu_navico_05.png" /><p>菜单五</p></a></li> 8 <li><a id="06" href="homeModule.html?func_code='05'" target="main"><img src="images/menu_navico_05.png" /><p>菜单六</p></a></li> 9 <li><a id="07" href="homeModule.html?func_code='06'" target="main"><img src="images/menu_navico_05.png" /><p>菜单七</p></a></li> 10 </ul> 11 </div>
js代码：
1 <script type="text/javascript"> 2 $('#sportsItem2 a').click( 3 function () { 4 var $this = $(this); 5 $ids = $this.attr("id"); 6 console.info($ids); 7 $("#club-list").empty(); 8 $this.addClass("on").parents().siblings() 9 .children().removeClass("on"); 10 }); 11 12 </script>
就这样简单搞定。
