[jQuery-es] Como seleccionar <ul> dentro de una lista y desplegar sus elementos hijos

Choan C. Gálvez choan.galvez en gmail.com
Sab Ene 6 14:24:17 PST 2007


On 1/4/07, Rafa Garcia <rafa.garcia en fullsix.com> wrote:
> Carlos Sesma escribió:
> > Hola, el creador de jQuery, John Resig,  publico un screencast donde
> > hace algo muy parecido a lo que estas necesitando, es posible que te
> > sirva.
> >
> > http://ejohn.org/blog/expandable-sidebar-menu-screencast/
>
> Ya conocía este ejemplo, Carlos, pero el problema básico es que no
> recoge subniveles. Gracias por la ayuda de todos modos. Choan, no estás
> por ahí? ;-)

Pues no, estaba de vacaciones.

Para seleccionar únicamente elementos `li` que contengan elementos `ul`:

$("li[ul]");

Si mal no recuerdo.

Salud (y gracias por acordarte de mí XD)


> > On 1/3/07, *Rafa Garcia* <rafa.garcia en fullsix.com
> > <mailto:rafa.garcia en fullsix.com>> wrote:
> >
> >     Antes que nada, Feliz año a todos los querylisteros. Después de los
> >     buenos deseos, el pastel: tengo una lista-menú con varias listas
> >     anidadas tal como esta:
> >
> >     <ul>
> >                <li><a href="#item1">item 1</a>
> >                    <ul>
> >                        <li><a href="#item1.1">item 1.1</a></li>
> >                        <li><a href="#item1.2">item 1.2</a></li>
> >                        <li><a href="#item1.3">item 1.3</a></li>
> >                        <li><a href="#item1.4">item 1.4</a></li>
> >                    </ul>
> >                </li>
> >                <li><a href="#item2">item 2</a></li>
> >                <li><a href="#item3">item 3</a></li>
> >                <li><a href="#item4">item 4</a>
> >                    <ul>
> >                        <li><a href="#item4.1">item 4.1</a></li>
> >                        <li><a href="#item4.2">item 4.2</a></li>
> >                        <li><a href="#item4.3">item 4.3</a>
> >                            <ul>
> >                                <li><a href="#item4.3.1">item
> >     4.3.1</a></li>
> >                                <li><a href="#item4.3.2">item
> >     4.3.2</a></li>
> >                            </ul>
> >                        </li>
> >                    </ul>
> >                </li>
> >            </ul>
> >
> >     ...y lo que pretendo es seleccionar con jquery los lis que tienen uls
> >     como hijos (el li que contiene #item1, el #4 y el #4.3), y desplegar
> >     haciendo click sólo los uls que "cuelgan" de ese li padre.
> >
> >     Con este código oculto al inicio todos los uls que no sean el primero
> >     (quiero que se vea la lista)...
> >
> >     $(document).ready(function(){
> >            $("ul:not(:first)").hide();
> >
> >     Pero, como seguir....
> >
> >     Un abrazo y gracias mil por adelantado.
> >     _______________________________________________
> >     jquery-es Lista de correo en español para usuarios de jQuery
> >
> >     * Recuerda que debes utiliza "responder a todos" para enviar tu
> >     respuesta a la lista
> >     * Para abrir un tema de conversación, escribe a
> >     jquery-es en scriptia.net <mailto:jquery-es en scriptia.net>
> >     * Puedes gestionar tu suscripción en
> >     http://lists.scriptia.net/listinfo.cgi/jquery-es-scriptia.net
> >
> >
>
> _______________________________________________
> jquery-es Lista de correo en español para usuarios de jQuery
>
> * Recuerda que debes utiliza "responder a todos" para enviar tu respuesta a la lista
> * Para abrir un tema de conversación, escribe a jquery-es en scriptia.net
> * Puedes gestionar tu suscripción en http://lists.scriptia.net/listinfo.cgi/jquery-es-scriptia.net
>


-- 
Choan
<http://choangalvez.nom.es/>


Más información sobre la lista de distribución jquery-es