Question

编辑：添加了UL类

    <ul class="expand-coll-list">
    <li>
    <h4 class="title-exp-coll title-expand">
    <span class="exp-coll"></span>Bookmarks</h4>
    <div class="item-list">
    <ul>      
    <li class="first"><div>first Asset</div></li>
    <li><div>Latest Updates</div></li>
    <li><div>asset image</div></li>
    <li><div>test Asset 1</div></li>
    </ul></div>
    </li>

    <li>
    <h4 class="title-exp-coll title-expand">
    <span class="exp-coll"></span>Menu</h4>
    <p>No menu.</p>
     </li>
    </ul>

例如，如果我加载内容/ page1

我需要删除类titl-expand并在 h4标记中添加class title-collapse ，这是第一个li

例如，如果我加载内容/ page2

我需要为h4标签中的page1执行相同的功能，该功能位于 second li

我的代码：

哪种适用于第一种情况但不适用于第二种情况......

if(arg[1] == 'content' && arg[2] == 'page1') {
     $(".expand-coll-list li:first").children("h4").removeClass("title-collapse").addClass("title-expand");
} else if(arg[1] == 'content' && arg[2] == 'page2') {
     $(".expand-coll-list li:eq(1)").children("h4").removeClass("title-collapse").addClass("title-expand");
}

它出了什么问题？

提前致谢..

Answer 1

尝试使用css3选择器：nth-child（），它可以帮助您解决问题！ $（'。expand-coll-list li：nth-child（indexOfLiGoesHere）'）。addClass（'classToBeAdded'）;

Answer 2

您的代码正在尝试删除h4上当前不存在的类（title-collapse）并添加他们已有的类（title-expand）。甚至没有检查你的选择器是否正确，它似乎不会出现此代码。

如何为第二个li-jquery中的h4标签添加类

2 个答案: