$('.nav li:has(ul)')
  .addClass('has-subnav')
  .each(function(){
    var $li = $(this)
    , $a = $('> a', $li);

    $a.on('mouseenter', function(){
      $li.addClass('active');
    });
    $li.on('mouseleave', function(){
      $li.removeClass('active');
    });
  });  

<script>
$('li a').click(function(){
    $('li').removeClass('clickeado');
    $(this).parent().addClass('clickeado');
    $(this).parent().parents('li').addClass('clickeado');     $(this).parent().parent().parents('li').addClass('clickeado'); });
</script>