Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/08/2012, 05:53
roncco
 
Fecha de Ingreso: abril-2012
Mensajes: 63
Antigüedad: 12 años
Puntos: 2
El método html en jquery devuelve sólo un elemento

A ver si sé explicarme: Tengo un menú de ayuda. Cada entrada de la ayuda se compone de una cabecera y varios párrafos. La idea es que el usuario sólo vea las cabeceras y cuando hace click sobre una de ellas le aparece el párrafo. Simplificando estoy haciendo algo así:

Código Javascript:
Ver original
  1. $('#ayuda').click(function(e){
  2.    
  3.     $('.cuerpoPantalla').load('/include/vista/ayuda.php', function(){
  4.        
  5.         $('.cuerpoPantalla p').hide();
  6.  
  7.         $('.cuerpoPantalla h4').click(function(){
  8.            
  9.                $('.trasCuerpo').hide();
  10.                var textoInsertar = $(this).parent().children('p').html();
  11.                $(this).after('<div class="trasCuerpo"></div>');
  12.                $('.trasCuerpo').text(textoInsertar);
  13.            
  14.         });
  15.    
  16.     });
  17.    
  18.     e.preventDefault();
  19. });

En principio todo funciona como debería: Hago click en el botón ayuda, me aparecen
las entradas y se mantienen ocultos los párrafos, y al hacer click sobre cada entrada se
muestran los párrafos, pero, y ahí viene el problema, sólo aparece el primer párrafo, no los demás. En principio entiendo que con children() estoy seleccionando todos los párrafos, pero parece que no.

¿Alguien puede echarme una mano)