Question

如何将类添加到下一个ul。

$("#main-navigation a:contains('About')").after("<span id=mabout></span>");
$("#mabout").closest('ul').addClass('moveme');


There are more list elements before and after...

<li ><a href="">About</a>

<a class='menu-icon plus' href='#'><img src=''/></a>

<ul> <<-- ONLY THIS

    <li ><a href="">Lower</a>

<a class='menu-icon plus' href='#'><img src=''/></a>

<ul>

所以我只想在下一个UL中添加一个类，谢谢。

Answer 1

使用

$('li > ul').addClass('moveme');

您还可以将下一个ul定位为以下代码，

$('li ul:first').addClass('moveme');

或

$('li').find('ul:first').addClass('moveme');

Answer 2

第一步是清理标记，有几个缺少的结束标记：

<li id="mabout">
    <a href="">About</a>
    <a class='menu-icon plus' href='#'><img src=''/></a>
</li>
<ul> <<-- ONLY THIS
    <li >
        <a href="">Lower</a>
        <a class='menu-icon plus' href='#'><img src=''/></a>
    </li>
<ul>

注意在标记中，第一个li被赋予了id mabout，这是缺失的。这应该允许以下脚本工作：

$("#mabout").next('ul').addClass('moveme');

Js Fiddle： http://jsfiddle.net/g3KYW/

jQuery addClass到下一个ul

2 个答案: