none
Evento jquery RRS feed

  • Pregunta

  • Buenas!!

    Tengo una tarea de la universidad en la que tengo que hacer que al clickear en un h3 se me muestre el texto del p que le sigue ya que todos estos deben de estar escondidos, alguien tiene una idea de como puedo realizarlo? ya que lo que no comprendo es como hacer para que solo me muestre el p que continua al h3 clickeado y no todos los P

    Gracias por su ayuda

    miércoles, 9 de julio de 2014 4:56

Respuestas

  • En la función que conectas al clic, te llega un "this" que representa el elemento en el que hicieron clic. Sobre ese objeto (que representa el H3) puedes aplicar un selector de jquery que busque el :first de los p que le siguen.

    Al ser un ejercicio académico, no te puedo poner la solución completa, ya que esto anularía la utilidad del ejercicio. Pero con la "pistas" anteriores deberías poderlo completar sin mucho esfuerzo.

    Sugerencia: hazlo por partes. Es decir, primero imlementa el clic sobre el h3, y dentro del manejador del evento lanza un alert que muestre el texto del this. Con eso comprobarás si efectivamente estás reconociendo correctamente el h3 sobre el que se hizo el clic.

    Separadamente, escribe y prueba un selector que te busque el primer p que sigue a un h3. Una vez que lo tengas probado, combínalo con el clic que hiciste antes (poniéndolo en lugar del alert), y con eso deberías tener la solución prácticamente completada.

    • Marcado como respuesta Jeison Duran miércoles, 9 de julio de 2014 17:40
    miércoles, 9 de julio de 2014 6:49

Todas las respuestas

  • En la función que conectas al clic, te llega un "this" que representa el elemento en el que hicieron clic. Sobre ese objeto (que representa el H3) puedes aplicar un selector de jquery que busque el :first de los p que le siguen.

    Al ser un ejercicio académico, no te puedo poner la solución completa, ya que esto anularía la utilidad del ejercicio. Pero con la "pistas" anteriores deberías poderlo completar sin mucho esfuerzo.

    Sugerencia: hazlo por partes. Es decir, primero imlementa el clic sobre el h3, y dentro del manejador del evento lanza un alert que muestre el texto del this. Con eso comprobarás si efectivamente estás reconociendo correctamente el h3 sobre el que se hizo el clic.

    Separadamente, escribe y prueba un selector que te busque el primer p que sigue a un h3. Una vez que lo tengas probado, combínalo con el clic que hiciste antes (poniéndolo en lugar del alert), y con eso deberías tener la solución prácticamente completada.

    • Marcado como respuesta Jeison Duran miércoles, 9 de julio de 2014 17:40
    miércoles, 9 de julio de 2014 6:49
  • Perfecto ya con esto se como hacerlo gracias!

    Y si no en realidad no buscaba que me pasaran el ejercicio hecho porque no tendría sentido pero muchas gracias me ayudaste bastante.

    Saludos!

    miércoles, 9 de julio de 2014 17:40