Foros del Web » Programando para Internet » Jquery »

Detectar altura y ejecutar función

Estas en el tema de Detectar altura y ejecutar función en el foro de Jquery en Foros del Web. Pregunta sobre jQuery Hola a todos! estoy tratando de hacer un append a una serie de elementos solo si la altura del texto que contienen ...
  #1 (permalink)  
Antiguo 12/09/2012, 13:53
 
Fecha de Ingreso: febrero-2009
Mensajes: 202
Antigüedad: 15 años, 2 meses
Puntos: 3
Detectar altura y ejecutar función

Pregunta sobre jQuery
Hola a todos!
estoy tratando de hacer un append a una serie de elementos solo si la altura del texto que contienen excede una cierta cantidad de pixeles. Este es mi problema:

Mi HTML es algo así:
Código HTML:
Ver original
  1. <p>Hola soy un párrafo corto</p>
  2. <p>Hola soy un párrafo largo porque tengo más contenido que el corto entonces eso me habilita ténicamente a decir que a fin de cuentas soy un párrafo largo</p>

Y mi jQuery algo así:
Código Javascript:
Ver original
  1. if($("p").height()>20){
  2.    $(this).append("<a href=''>Ver más párrafos largos</a>");
  3. }

Pero al no existir $(this) no puedo hacer ese append.
Tampoco me ayudaría asignarle un id/class a cada párrafo...

La pregunta es:
¿Cómo podría recorrer todos los párrafos, detectar su altura y si excede los 20px aplicar el append?

Gracias!
  #2 (permalink)  
Antiguo 12/09/2012, 14:02
Avatar de Dradi7  
Fecha de Ingreso: junio-2008
Ubicación: Peru - Lima
Mensajes: 1.518
Antigüedad: 15 años, 10 meses
Puntos: 220
Respuesta: Detectar altura y ejecutar función

y porque no mejor lo usas con each

Código Javascript:
Ver original
  1. $('p').each(function(index){
  2.      if($(this).height()>20)
  3.         $(this).append("<a href=''>Ver más párrafos largos</a>");
  4. });
__________________
La clave de todo triunfador es eliminar todas sus excusas y sus limitaciones
  #3 (permalink)  
Antiguo 12/09/2012, 14:29
 
Fecha de Ingreso: febrero-2009
Mensajes: 202
Antigüedad: 15 años, 2 meses
Puntos: 3
Respuesta: Detectar altura y ejecutar función

Perfecto Dradi7, muy buena esa función, gracias che!

Etiquetas: altura, html
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 22:28.