Tengo un menu dropdown en wordpress llamando los tags como una lista, el resultado es este (se puede ver en funcionamiento en http://patricioherrera.com.ar/portfolio/):
Código HTML:
<dl class="dropdown">
<dt><a><span>Select a Field</span></a></dt>
<dd>
<ul id="menu-tags-menu" class="menu">
<li id="menu-item-159" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-14 current_page_item current_page_parent menu-item-159"><a href="http://patricioherrera.com.ar/portfolio/">All Fields</a></li>
<li id="menu-item-54" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-54"><a href="http://patricioherrera.com.ar/tag/branding/">Branding</a></li>
<li id="menu-item-55" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-55"><a href="http://patricioherrera.com.ar/tag/print-design/">Print Design</a></li>
<li id="menu-item-57" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-57"><a href="http://patricioherrera.com.ar/tag/web-design/">Web Design</a></li>
<li id="menu-item-56" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-56"><a href="http://patricioherrera.com.ar/tag/ui-design/">UI Design</a></li>
<li id="menu-item-52" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-52"><a href="http://patricioherrera.com.ar/tag/motion-graphics/">Motion Graphics</a></li>
<li id="menu-item-53" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-53"><a href="http://patricioherrera.com.ar/tag/illustration/">Illustration</a></li>
</ul>
</dd>
</dl>
Necesito mediante javascript obtener el texto del elemento de la lista con clase activa (current-menu-item) y que lo muestre dentro del <dt> así el contenido del dt sería dinámico y me mostraría la sección activa en lugar de "Select a Field".
Me dijeron que podía usar .each y .hasClass, pero todavía mucho no entiendo,
alguien me puede dar una mano con esto?
Gracias!