title: On Click of Anchor, How to target a LI that does not have any ULs
body: <p>I have a simple menu that has an arrow within the anchor. I have jQuery that adds a class to show the arrow on click. However I need it to NOT "show the arrow" on click if the clicked li a doesn't have a submenu. Here's a rough example of my menu:</p>
  
  <pre><code>&lt;ul id="menu"&gt;
      &lt;li&gt;&lt;a href="#"&gt;TopLevel_LinkOne &lt;img src="img/down-carat.png" class="down-carat"&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;TopLevel_LinkTwo &lt;img src="img/down-carat.png" class="down-carat"&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;TopLevel_LinkThree &lt;img src="img/down-carat.png" class="down-carat"&gt;&lt;/a&gt;
          &lt;ul class="sub-menu"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Submenu Link One &lt;img src="img/down-carat.png" class="down-carat"&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Submenu Link Two &lt;img src="img/down-carat.png" class="down-carat"&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Submenu Link Three &lt;img src="img/down-carat.png" class="down-carat"&gt;&lt;/a&gt;&lt;/li&gt;        
          &lt;/ul&gt;   
      &lt;/li&gt;        
  &lt;/ul&gt;
  </code></pre>
  
  <p>In this example I do not want the arrow to show, if "TopLevel_LinkOne" or "TopLevel_LinkTwo" is clicked. I can't remove the arrow image because it's being added automatically by the nav walker in Wordpress.</p>
  
  <p>Here's my jQuery:</p>
  
  <pre><code>$('#menu li a').click(  
  function() {
      $('ul li a').removeClass('show-arrow'); // Remove any previous arrows
          if('some jquery here that checks if THIS has submenu') {
            $(this).addClass('show-arrow'); // Show the arrow image
          }
   });    
  </code></pre>