title: jQuery prepend not for subelements
body: <p>I'm trying to get work menu with dropdown options.</p>
  
  <p><strong>My task:</strong></p>
  
  <p>I need to add span element to level 1 menu items, with script below I unfortunately add the span element also to the dropdown options</p>
  
  <p><strong>Menu CODE structure:</strong></p>
  
  <pre><code>&lt;li class="menu-item-1"&gt;&lt;a href="#"&gt;Item1&lt;/a&gt;
  &lt;li class="menu-item-2"&gt;&lt;a href="#"&gt;Item2&lt;/a&gt;    
  &lt;li class="menu-item-3"&gt;
    &lt;a href="#"&gt;Item3&lt;/a&gt;
    &lt;ul class="sub-menu dropdown"&gt;
      &lt;li class="menu-item-4"&gt;&lt;a href="#"&gt;Subitem1&lt;/a&gt;&lt;/li&gt;
      &lt;li class="menu-item-4"&gt;&lt;a href="#"&gt;Subitem1&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p><strong>my not proper jQuery solution</strong></p>
  
  <pre><code>$('.menu-item-552 a:not(.dropdown)').prepend('&lt;span class="span-1"&gt;&lt;/span&gt;');
  $('.menu-item-553 a:not(.dropdown)').prepend('&lt;span class="span-2"&gt;&lt;/span&gt;');
  $('.menu-item-561 a:not(.dropdown)').prepend('&lt;span class="span-3"&gt;&lt;/span&gt;');
  $('.menu-item-559 a:not(.dropdown)').prepend('&lt;span class="span-4"&gt;&lt;/span&gt;');
  </code></pre>