Foros del Web » Programando para Internet » Jquery »

acceder a un enlace dentro de una lista

Estas en el tema de acceder a un enlace dentro de una lista en el foro de Jquery en Foros del Web. hola este es mi codigo: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < ul class = "pestañas" > < li >< a href = "#" > ...
  #1 (permalink)  
Antiguo 12/01/2014, 11:44
 
Fecha de Ingreso: julio-2012
Mensajes: 106
Antigüedad: 11 años, 9 meses
Puntos: 2
acceder a un enlace dentro de una lista

hola este es mi codigo:

Código HTML:
Ver original
  1. <ul class="pestañas">
  2. <li><a href="#">pestaña1</a></li>
  3. <li><a href="#">pestaña2</a></li>
  4. <li><a href="#">pestaña3</a></li>
  5. <li><a href="#">pestaña4</a></li>
  6. <li><a href="#">pestaña5</a></li>
  7. </ul>

queria saber como acceder a los <a href> que estan dentro de los <li> del <ul class="pestañas"> en jquery se que seria con $() pero nose como poner lo de dentro para que lo haga

gracias por adelantado
  #2 (permalink)  
Antiguo 12/01/2014, 11:52
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 8 meses
Puntos: 578
Respuesta: acceder a un enlace dentro de una lista

Un consejo: no uses la ñ, porque te va a dar muchos problemas.

Por lo demás, es saber utilizar los selectores:

Código Javascript:
Ver original
  1. $(".pestañas li a").attr("href");
  #3 (permalink)  
Antiguo 12/01/2014, 11:53
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: acceder a un enlace dentro de una lista

Si quieres acceder sin utilizar identificadores o clases, puedes hacerlo de varias formas:

Código Javascript:
Ver original
  1. $("ul li a").prop("href") //Forma 1
  2. $("ul li").find("a").prop("href") //Forma 2
  3. $("li a").prop("href") //Forma 3
  4. $("li").find("a").prop("href") //Forma 4
  5. $("a").prop("href") //Forma 5

Se me ocurren algunas otra maneras más, pero, ¿qué es lo que buscas hacer?, porque veo que todos tienen el mismo valor en el atributo href.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #4 (permalink)  
Antiguo 12/01/2014, 11:57
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 8 meses
Puntos: 578
Respuesta: acceder a un enlace dentro de una lista

Cita:
Iniciado por Alexis88 Ver Mensaje
Si quieres acceder sin utilizar identificadores o clases, puedes hacerlo de varias formas:

Código Javascript:
Ver original
  1. $("ul li a").prop("href") //Forma 1
  2. $("ul li").find("a").prop("href") //Forma 2
  3. $("li a").prop("href") //Forma 3
  4. $("li").find("a").prop("href") //Forma 4
  5. $("a").prop("href") //Forma 5

Se me ocurren algunas otra maneras más, pero, ¿qué es lo que buscas hacer?, porque veo que todos tienen el mismo valor en el atributo href.

Saludos
De esas formas vas a pillar muchos elementos que no tengan nada que ver.
Suponiendo que el ejemplo es sólo un extracto del code completo.
  #5 (permalink)  
Antiguo 12/01/2014, 12:10
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: acceder a un enlace dentro de una lista

Claro, o sea, lo puse de forma general, de hecho que es mucho más conveniente tomarlos a través de un identificador. Supuse que este caballero no sabría cómo tomar un elemento con jQuery, por eso le indiqué que: "Si quieres acceder sin utilizar identificadores o clases, puedes hacerlo de varias formas".

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Etiquetas: enlace, lista
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:42.