jquery 使用中遇到的问题

1、使用jQuery遍历dom元素问题：

<div class="menu">

            <ul>

                <li class="on" id="purchasechannel"><a href="#">频道1</a></li>

                <li id="grouponchannel"><a href="#">频道2</a></li>

            </ul>

 

        </div>

 

错误调用：

 

$(".menu").each(function(){
    var channelId  = $(this).attr("li");
    var channelId  = li.attr("id");
    if(channelId=="grouponchannel"){
        $("#"+channelId).addClass("on");
    }else{
        $("#"+channelId).removeClass("on");
    }
});

正确调用：

$(".menu").find("li").each(function(){
    var channelId = $(this).attr("id");
    if(channelId=="grouponchannel"){
        $("#"+channelId).addClass("on");
    }else{
        $("#"+channelId).removeClass("on");
    }
});
先找到li然后遍历