JSFiddle - React, Tailwind, and code Playground
HTML
<li class="dropdown">
<a href="/software" target="" data-toggle="">Software</a>
<ul class="dropdown-menu">
<li id="row" class="dropdown-submenu">
<a href="/" target="">_Software One</a>
<ul class="dropdown-menu">
<li id="row" class="dropdown-submenu">
<a href="/" target="">Sub Category</a>
<ul class="dropdown-menu">
<li>
<a href="/" target="">Sub Sub Category</a>
</li>
</ul>
</li>
<li>
<a href="/" target="">Sub Category</a>
</li>
<li id="row" class="dropdown-submenu">
<a href="/" target="">Sub Sub Category</a>
<ul class="dropdown-menu">
<li>
<a href="/" target="">Sub Sub Category</a>
</li>
</ul>
</li>
<li>
<a href="/" target="">Sub Category</a>
</li>
</ul>
</li>
<li id="row" class="dropdown-submenu">
<a href="/" target="">_Software Two</a>
<ul class="dropdown-menu">
<li id="row" class="dropdown-submenu">
<a href="/" target="">Sub Category</a>
<ul class="dropdown-menu">
<li>
<a href="/" target="">Sub Sub Category</a>
</li>
<li>
<a href="/" target="">Sub Sub Category</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="/" target="">Category One</a>
</li>
<li>
<a href="/" target="">Category Two</a>
</li>
</ul>
</li>
CSS
a{ text-decoration: none;}
JavaScript
$(function() {
$('.dropdown-submenu > a').each(function() {
$(this).text($(this).text().replace(/\_/g, ''));
});
});