I have a menu with their own submenus too.
Problem: When the page is loaded, the website emits a letter S at the end of every submenu.
How can i remove that letter S at the end of every submenu via JQuery or CSS?
This is the current markup when I copy html node in 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 > Sub Menu</font></font></a>
</li>
<li><a href="">Sub Menu > 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 > Sub Menu</font></font></a></li>
<li><a href="">Sub Menu > 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>
This is the jquery that i used to find the last li of every ul
<script type="text/javascript">
$(document).ready(function() {
$('.shopMenuHover ul li:last-child').css( "border", "1px solid" );
});
</script>
Kindly Please help me...
Use this one