Add “sub-nav” class to a sub menu parent item

Question

i have a problem. I have an CSS Dropdown Menu. The HTML Code of the is this:

<ul id="nav">
  <li><a href="#">Home</a></li>
  <li><a href="#">Archiv</a></li>
  <li><a href="#" class="sub-nav">Kontakt</a>
    <ul>
      <li><a href="#">Submenue 1</a></li>
      <li><a href="#">Submenue 2</a></li>
      <li><a href="#">Submenue 3</a></li>
    </ul>
  </li>
  <li><a href="#">Impressum</a></li>
</ul>

WordPress makes them into the following:

<ul id="nav" class="menu">
    <li id="menu-item-636" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-636">
    <li id="menu-item-614" class="sub-nav menu-item menu-item-type-post_type menu-item-object-page menu-item-614">
    <li id="menu-item-615" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-615">
        <a href="http://welitso.de/2010?preview=1&template=welitso_html5&stylesheet=welitso_html5" title="archiv">Archiv</a>
        <ul>
            <li><a href="#">Submenue 1</a></li>
        </ul>
    </li>
    <li id="menu-item-1013" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1013">
</ul>

How can i tell WordPress that the link on "menu-item-615" should have the a-class "sub-nav" ?

Answer 1

This is tested, this will take all your sub nav and add the class.

$('#nav li > ul').parent().children("a").addClass("sub-nav");