jQuery将类添加到下一个ul

我将如何向下一个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>

$（“#主导航a:contains（'About'）”）。在（“”）之后；
$（“#mabout”）.closest（'ul'）.addClass（'moveme'）；
在…之前和之后有更多的列表元素。。。

使用

您还可以针对下一个
ul
，如下代码所示：

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

或

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

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

<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>

Js Fiddle:
还有更多的列表元素。这不仅会影响一个吗？之前有李的，我希望在跨度之后的第一个方面是具体的。除了标题（例如About）之外，整个过程都是一样的。列表是动态生成的，这就是为什么我必须自己添加一个跨度。你假设id=“About”在那里。@Alex是的，我是。我将其添加到标记中。你没有这个选项吗？没有，HTML是动态生成的。哎呀，是什么生成的？它产生了一些令人讨厌的标记。请正确地发布HTML以及更多内容，以便其他人能够正确地理解您的问题。HTML是动态生成的，糟糕的标记不是我能帮助的。很抱歉，所以基本上您想在每个ul中添加一个类，在一个li下？只有一个ul，下一个ul。
<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>

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