How to modify the “after” of last element in wp_nav_menu

Question

When using wp_nav_menu how do I make it so 'after' => does not show on the last element of the list?

Answer 1

$('#menu-top-menu-1').children().last().each( function(){
    var endHtml = $(this).html().replace('<text you want to replace>','<text to replace it with>');         
    $(this).html(endHtml);
});

Answer 2

While this can be done with JS, it might be more tidy to use wp_nav_menu filter, through which final output of menu is passed before returning/echoing.

Answer 3

You can hide it with CSS. For example, if your after looks like:

<?php wp_nav_menu(array('after' => '<span>|</span>')); ?>

Then your css:

.menu-item-num span { display: none; }