JS 给li标签下所有a标签添加点击事件并添加和删除样式

<div class="side" id="sportsItem2">
        <ul class="sub_menu">
            <li><a id="01" class="on" href="#" target="main"><img src="images/menu_navico_01.png" /><p>菜单一</p></a></li>
            <li><a id="02" href="homeModule.html?func_code='01'" target="main"><img src="images/menu_navico_02.png" /><p>菜单二</p></a></li>
            <li><a id="03" href="homeModule.html?func_code='02'" target="main"><img src="images/menu_navico_03.png" /><p>菜单三</p></a></li>
            <li><a id="04" href="homeModule.html?func_code='03'" target="main"><img src="images/menu_navico_04.png" /><p>菜单四</p></a></li>
            <li><a id="05" href="homeModule.html?func_code='04'" target="main"><img src="images/menu_navico_05.png" /><p>菜单五</p></a></li>
            <li><a id="06" href="homeModule.html?func_code='05'" target="main"><img src="images/menu_navico_05.png" /><p>菜单六</p></a></li>
            <li><a id="07" href="homeModule.html?func_code='06'" target="main"><img src="images/menu_navico_05.png" /><p>菜单七</p></a></li>
        </ul>
</div>

js代码：

<script type="text/javascript">
    $('#sportsItem2 a').click(
function () {
    var $this = $(this);
    $ids = $this.attr("id");
    console.info($ids);
    $("#club-list").empty();
    $this.addClass("on").parents().siblings()
    .children().removeClass("on");
});

    </script>

就这样简单搞定。