Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/03/2014, 13:27
rodricrzz
 
Fecha de Ingreso: noviembre-2009
Mensajes: 41
Antigüedad: 15 años, 1 mes
Puntos: 0
Pregunta Cómo seleccionar primeros LI de una lista no ordenada

Hola, necesito saber como hacer para seleccionar por medio de DOM los primeros <li> de un <ul>:

Tengo el siguiente codigo:
Código HTML:
<div id="menu" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li><a href="#">Electronica</a>
              <div>
                <ul>
                  <li><a href="/electronica/audio">Audio</a>
                    <ul>
                        <li><a href="/electronica/audio/autoparlantes">Autoparlantes</a></li>
                        <li><a href="/electronica/audio/home-theater">Home Theater</a></li>
                    </ul>
                  </li>
                  <li><a href="/electronica/camaras/">Camaras</a>
                    <ul>
                        <li><a href="/electronica/camaras/digitales">Digitales</a></li>
                        <li><a href="/electronica/camaras/videofilmadoras">Videofilmadoras</a></li>
                    </ul>
                  </li>
                  <li><a href="/electronica/telefonia">Telefonia</a>
                    <ul>
                        <li><a href="/electronica/telefonia/celulares-liberados">Celulares</a></li>
                        <li><a href="/electronica/telefonia/telefonos">Teléfonos</a></li>
                    </ul>
                  </li>
                  <br>
                  <li><a href="/electronica/televisores">Televisores</a></li>
                  <li><a href="/electronica/videojuegos">Videojuegos</a></li>
                </ul>
                <img src="catalog/view/theme/default/image/bgmenu-electronica.jpg">
                <div class="clear"></div>
              </div>
            </li>
                
            <li><a href="/informatica">Informática</a>
              <div>
                <ul>
                  <li><a href="/informatica/impresoras">Impresoras</a>
                    <ul>
                        <li><a href="/informatica/impresoras/laser">Láser</a></li>
                        <li><a href="/informatica/impresoras/multifunciones">Multifunciones</a></li>
                    </ul>
                  </li>
                  <li><a href="/informatica/notebooks-netbooks">Notebooks</a></li>
                  <li><a href="/informatica/tablet">Tablets</a></li>
                  <li><a href="/informatica/computadoras">Computadoras</a></li>
                </ul>
                <img src="catalog/view/theme/default/image/bgmenu-informatica.jpg">
                <div class="clear"></div>
              </div>
            </li>
            
           <li><a href="/linea-blanca">Linea Blanca</a>
              <div>
                <ul>
                  <li><a href="/linea-blanca/cocina">Cocina</a>
                    <ul>
                        <li><a href="/linea-blanca/cocina/a-gas-1">Cocinas a gas</a></li>
                        <li><a href="/linea-blanca/cocina/anafes">Anafes</a></li>
                    </ul>
                  </li>
                  <li><a href="/linea-blanca/heladera-freezers">Heladeras/<br>Freezers</a>
                    <ul>
                        <li><a href="/linea-blanca/cocina/heladera-freezers/exhibidoras">Exhibidoras</a></li>
                        <li><a href="/linea-blanca/cocina/heladera-freezers/freezers">Freezers</a></li>
                        <li><a href="/linea-blanca/cocina/heladera-freezers/heladeras-no-frost">Heladeras</a></li>
                    </ul>
                  </li>
                  <li><a href="/linea-blanca/lavado-secado">Lavado /<br>Secado</a>
                    <ul>
                        <li><a href="/lavado-secado/lavarropas">Lavarropas</a></li>
                        <li><a href="/lavado-secado/lavasecarropas">Lavasecarropas</a></li>
                    </ul>
                  </li>
                  <li><a href="/linea-blanca/microondashornos-electricos">Microondas</a></li>
                  <li><a href="/linea-blanca/termotanques">Termotanques</a></li>
                  <br>
                  <li><a href="/linea-blanca/calefones">Calefones</a></li>
                </ul>
                <img src="catalog/view/theme/default/image/bgmenu-lineablanca.jpg">
                <div class="clear"></div>
              </div>
            </li>
        
           <li><a href="/friocalor">Frio / Calor</a>
              <div>
                <ul>
                  <li><a href="/friocalor/aire-acondicionado">Aire<br>Acondicionado</a>
                    <ul>
                        <li><a href="/friocalor/aire-acondicionado/split">Split</a></li>
                        <li><a href="/friocalor/aire-acondicionado/ventana">Ventana</a></li>
                    </ul>
                  </li>
                  <li><a href="/friocalor/calefaccion">Calefacción</a>
                    <ul>
                        <li><a href="/friocalor/calefaccion/a-gas">A gas</a></li>
                        <li><a href="/friocalor/calefaccion/electrica">Eléctrica</a></li>
                    </ul>
                  </li>
                  <li><a href="/friocalor/ventilacion">Ventilación</a></li>
                </ul>
                <img src="catalog/view/theme/default/image/bgmenu-friocalor.jpg">
                <div class="clear"></div>
              </div>
            </li>
        
           <li><a href="/electrodomesticos">Electrodomésticos</a>
              <div>
                <ul>
                  <li><a href="/electrodomesticos/cuidado-personal-salud">Cuidado Personal /<br>Salud</a>
                    <ul>
                        <li><a href="/electrodomesticos/cuidado-personal-salud/femenino">Femenino</a></li>
                        <li><a href="/electrodomesticos/cuidado-personal-salud/masculino">Masculino</a></li>
                    </ul>
                  </li>
                  <li><a href="/electrodomesticos/aspiradoras">Aspiradoras</a></li>
                  <li><a href="/electrodomesticos/maquinas-de-coser">Máquinas de coser</a></li>
                  <br>
                  <li><a href="/electrodomesticos/pequenos-electrodomesticos">Pequeños Electrodomésticos</a></li>
                </ul>
                <img src="catalog/view/theme/default/image/bgmenu-electrodomesticos.jpg">
                <div class="clear"></div>
              </div>
            </li>
        
           <li><a href="/colchones">Colchones</a>
              <div>
                <ul>
                  <li><a href="/colchones/sommier-colchones">Sommier /<br>Colchones</a></li>
                  <li><a href="/colchones/accesorios">Almohadas /<br>Accesorios</a></li>
                </ul>
                <img src="catalog/view/theme/default/image/bgmenu-colchones.jpg">
                <div class="clear"></div>
              </div>
            </li>
        
           <li><a href="/muebles">Muebles</a>
              <div>
                <ul>
                  <li><a href="/muebles/cocina">Cocina</a></li>
                  <li><a href="/muebles/dormitorio">Dormitorio</a></li
                </ul>
                <img src="catalog/view/theme/default/image/bgmenu-muebles.jpg">
                <div class="clear"></div>
              </div>
            </li>
        
           <li><a href="/aire-libre">Aire Libre</a>
              <div>
                <ul>
                  <li><a href="/aire-libre/camping-jardin">Camping / Jardin</a></li>
                  <li><a href="/aire-libre/piletas">Piletas</a></li>
                </ul>
                <img src="catalog/view/theme/default/image/bgmenu-airelibre.jpg">
                <div class="clear"></div>
              </div>
            </li>
        
           <li><a href="/deportes">Deportes</a>
              <div>
                <ul>
                  <li><a href="/deportes/bicicletas">Bicicletas</a></li>
                  <li><a href="/deportes/gimnasio">Gimnasio</a></li>
                </ul>
                <img src="catalog/view/theme/default/image/bgmenu-deportes.jpg">
                <div class="clear"></div>
              </div>
            </li>
        
           <li><a href="/bebes-ninos">Bebés / Niños</a>
              <div>
                <ul>
                  <li><a href="/bebes-ninos/cochecitos-sillitas">Cochecitos / Sillitas</a></li>
                  <li><a href="/bebes-ninos/rodados-juguetes">Rodados / Juguetes</a></li>
                </ul>
                <img src="catalog/view/theme/default/image/bgmenu-bebesninos.jpg">
                <div class="clear"></div>
              </div>
            </li>
            
           <li><a href="/herramientas">Herramientas</a></li>
        
          </ul>
        </div> 

Necesito tomar el array que contiene los primeros <li> siguientes al <ul>, es decir: Electronica, Informatica, Linea blanca, Frio / Calor, Electrodomesticos, Colchones, Muebles, Aire libre, Deportes, Bebés / Niños y Herramientas.

A lo que más me acerqué fue a crear un array que me toma TODOS los <li> que estan dentro de los <ul>, utilizando este codigo:

Código:
$(document).ready(function() {
	if (document.documentElement.clientWidth < 900) {
		var see = document.getElementById("menu").getElementsByTagName("ul")[0].getElementsByTagName("li");
		for(var i=0;i<see.length;i++){
			alert(see[1].innerHTML);
		}
	}
});