jQuery - 根据元素 ID 删除一个类

Question

我正在尝试从具有特定 ID 的列表中删除 .hideme 类 - 单击事件在另一个列表中。根据您单击的 UL.tab，显示或删除相应的 ul.lineup 类 .hideme。HTML 看起来像这样：

    <ul class="tab">
        <li id="0">
            <a href="#">26/08/2011</a>
        </li>
        <li id="1">
            <a href="#">27/08/2011</a>
        </li>
        <li id="2">
            <a href="#">28/08/2011</a>
        </li>
    </ul>

    <ul id="0" class="lineup hideme">
       <li>...</li>
    </ul>

    <ul id="1" class="lineup hideme">
       <li>...</li>
    </ul>

    <ul id="3" class="lineup hideme">
       <li>...</li>
    </ul>

Answer 1

首先修复一些 HTML/CSS 错误。HTML/CSS 中的 ID 值不能以数字开头。另外，请注意在整个页面中只能有一个具有给定 id 值的对象。你有重复。那不管用。在使用这些 ID 的任何选择器操作可靠之前，您必须修复这两个问题。

如果您有一个 ID 并且想要从该特定对象中删除一个类，则可以使用以下命令：

$("#myID").removeClass("classToRemove");

如果您尝试从该 ID 的所有后代中删除该类，您可以使用以下命令：

$("#myID .classToRemove").removeClass("classToRemove");

这将创建一个选择器对象，该对象具有 myID 的所有后代，这些后代具有 classToRemove，然后将其从每个后代中删除。