title: adding class to <a href> if nested ul
body: <p>I have the following menu</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;&lt;a href="index.html"&gt;Main1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;
          &lt;a href="#"&gt;Main2&lt;/a&gt;
          &lt;ul class="sub-menu"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>and im trying, though JS to add a class to the <code>&lt;a href&gt;</code> if there is a parent menu, so that my menu becomes like this</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;&lt;a href="index.html"&gt;Main1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;
          &lt;a href="#" class="hassubmenu"&gt;Main2&lt;/a&gt;
          &lt;ul class="sub-menu"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$("li").has( "ul" ).addClass('contains-sub-menu'); 
  </code></pre>
  
  <p>only add the class to the <code>&lt;li&gt;</code>, how to add it to <code>&lt;a&gt;</code> .</p>