jQuery动态添加.active 实现导航l栏效果

html:

<div class="navitems" id="nav">
            <ul>
                @foreach (NavInfo info in WorkContext.NavList)
                {
                    <li><a href="@info.Url" id="cy_@info.Id">@info.Name</a></li>
                }
                <li><a href="http://line.changyou168.com/" target="_blank">旅游频道</a></li>
                <li><a href="http://www.changyou168.com/" target="_blank">畅游生活+</a></li>
                <li><a href="@Url.Action("IndexPage", "Lottery")" class="ys_cy" id="lucky">幸运大转盘</a></li>
            </ul>

</div>

css:

  .navitems .sb {
        background-color: #ec5151;
        border-bottom: 1px solid #ec5151;
    }

js:

 $(document).ready(function () {
        $('#nav li  a').each(function () {
            if ($($(this))[0].href == String(window.location))
                $(this).parent().addClass('sb');
        });
    })