jquery - jQuery addClass 到下一个 ul

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');

您还可以将 next 定位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 小提琴：http: //jsfiddle.net/g3KYW/