Necesito seleccionar con jQuery todos los elementos ul
que estén dentro de un nav
, pero solo los que no tengan un ancestro del mismo tipo (ul
).
En el siguiente ejemplo en html
<nav>
<div>
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li>
<a href="#">Submenu 1</a>
<ul>
<li><a href="#">Sub-Item 1</a></li>
<li><a href="#">Sub-Item 2</a></li>
</ul>
</li>
</ul>
</div>
</nav>
Se necesita obtener el ul
principal, pero no el del sub-menu.
El codigo HTML puede ser este o puede ser otro. Ya que proviene de diferentes paginas.
EDICION
Lo que he intentado hasta ahora
$('nav ul').each(function(){
// Quito los elementos del DOM y los añado a
// un menu personalizado.
})
El problema es que me selecciona también los submenu y lo que deseo son solo los menus principales.