jquery - 遍历子 并删除类？

Question

我们如何遍历子项 <li>查找并删除 css 类？

<ul id="SideMenu" class="outer">
<li>
    <p class="top">My Account</p>
    <ul class="inner">
        <li id="MyAccount" class="active"><a href="#">My Account Home</a></li>
    </ul>
</li>
<li>
    <p>Demographics</p>
    <ul class="inner">
        <li id="Addresses" ><a href="#">Addresses</a></li>
        <li id="ContactInformation">
            <a href="~/ContactInformation/Index">Contact Information</a>
        </li>
        <li id="ChangePassword"><a href="#">Change Password</a></li>
    </ul>
</li>

我试过了，没用

<script type="text/javascript">
    $(document).ready(function() {
        $("#SideMenu li").each(function () {
            $(this).removeClass("active");
        });
    });
</script>

更新

实际上我想删除类并动态添加到另一个<li>根据我的情况。

Answer 1

$(this).find('.active').removeClass("active");

JSFIDDLE