Como faço para encontrar o último <li> </ li> em cada <ul> </ ul> (Front-end, html, css, jquery) - javascript, jquery, html, css, frontend

Também tenho um menu com seus próprios submenus.

Problema: Quando a página é carregada, o site emite uma letra S no fim de cada submenu.
Como posso remover aquele cartas no final de cada submenu via JQuery ou CSS?

Esta é a marcação atual quando eu copio o nó html no firebug:

<nav class="shopMenuHover">
<div id="bx_incl_area_5_1">
<ul>
<li class=""><a href="#" class="firstLevel"><font><font>Main Menu 1</font></font></a>
<div class="shopSubmenuHover" style=""><h2><a href="#"><font><font>Sub Menu 1</font></font></a></h2>
<ul>
<li>
<a href=""><font><font>Sub Menu &gt; Sub Menu</font></font></a>
</li>

<li><a href="">Sub Menu &gt; Sub Menu</a> s</li>
</ul>
</div>
</li>


<li class="firstLevel hasSubmenu instrumentarium-en-fresen">
<a href="#" class="firstLevel"><font><font class="">Main Menu 2</font></font></a>

<div class="shopSubmenuHover" style=""><h2><a href=""><font><font class="">Sub Menu 2</font></font></a></h2>
<ul>
<li><a href=""><font><font>Sub Menu &gt; Sub Menu</font></font></a></li>
<li><a href="">Sub Menu &gt; Sub Menu</a> s</li>
</ul>

</div>
</li>

<li style="display:none " class="firstLevel hasSubmenu emptySubmenu outlet">
<a href="#" class="firstLevel">Outlet<</a>

</li>
</ul>
</div>
</nav>

Este é o jquery que eu costumava encontrar o último li de cada ul

<script type="text/javascript">
$(document).ready(function() {
$(".shopMenuHover ul li:last-child").css( "border", "1px solid" );
});
</script>

Por favor, por favor me ajude ...

Respostas:

Use este aqui

<script type="text/javascript">

$(document).ready(function() {
$(".shopMenuHover ul li:last-child").contents(":not(a)").remove();
});

</script>