Javascript jQuery前缀不适用于子元素

我正在尝试获取带有下拉选项的工作菜单

我的任务：

<li class="menu-item-1"><a href="#">Item1</a>
<li class="menu-item-2"><a href="#">Item2</a>    
<li class="menu-item-3">
  <a href="#">Item3</a>
  <ul class="sub-menu dropdown">
    <li class="menu-item-4"><a href="#">Subitem1</a></li>
    <li class="menu-item-4"><a href="#">Subitem1</a></li>
  </ul>
</li>

我需要将span元素添加到1级菜单项中，使用下面的脚本，不幸的是，我还将span元素添加到下拉选项中

菜单代码结构：

<li class="menu-item-1"><a href="#">Item1</a>
<li class="menu-item-2"><a href="#">Item2</a>    
<li class="menu-item-3">
  <a href="#">Item3</a>
  <ul class="sub-menu dropdown">
    <li class="menu-item-4"><a href="#">Subitem1</a></li>
    <li class="menu-item-4"><a href="#">Subitem1</a></li>
  </ul>
</li>

我的jQuery解决方案不合适

$('.menu-item-552 a:not(.dropdown)').prepend('<span class="span-1"></span>');
$('.menu-item-553 a:not(.dropdown)').prepend('<span class="span-2"></span>');
$('.menu-item-561 a:not(.dropdown)').prepend('<span class="span-3"></span>');
$('.menu-item-559 a:not(.dropdown)').prepend('<span class="span-4"></span>');

$（'.menu-item-552 a:不是（.dropdown'）。前置（''；
$（'.menu-item-553 a:不是（.dropdown'）。前置（''；
$（'.menu-item-561 a:不是（.dropdown'）。前置（''；
$（'.menu-item-559 a:不是（.dropdown'）。前置（''；

仅针对具有所述类的元素的子元素-使用子选择器而不是子选择器

$('.menu-item-552 > a').prepend('<span class="span-1"></span>');

$（'.menu-item-552>a'）。前置（''；

仅针对具有所述类的元素的子元素-使用子选择器而不是子选择器

$('.menu-item-552 > a').prepend('<span class="span-1"></span>');

$（'.menu-item-552>a'）。前置（''；

仅针对具有所述类的元素的子元素-使用子选择器而不是子选择器

$('.menu-item-552 > a').prepend('<span class="span-1"></span>');

$（'.menu-item-552>a'）。前置（''；

仅针对具有所述类的元素的子元素-使用子选择器而不是子选择器

$('.menu-item-552 > a').prepend('<span class="span-1"></span>');

$（'.menu-item-552>a'）。前置（''；

您正在使用

not

为

筛选
a
元素。尽管它实际上是一个应用于
ul
的类，但下拉列表

：

---

$（'ul:not（.dropdown）.menu-item-552 a'）。前置（“”）

您正在使用

not

为

筛选
a
元素。尽管它实际上是应用于
ul
的一个类，但下拉列表

：

---

$（'ul:not（.dropdown）.menu-item-552 a'）。前置（“”）

您正在使用

not

为

筛选
a
元素。尽管它实际上是应用于
ul
的一个类，但下拉列表

：

---

$（'ul:not（.dropdown）.menu-item-552 a'）。前置（“”）

您正在使用

not

为

筛选
a
元素。尽管它实际上是应用于
ul
的一个类，但下拉列表

：

$（'ul:not（.dropdown）.menu-item-552 a'）。前置（“”）