Envolviendo el código – jQuery Wrap()

Hace unos días tuve un reto con un layout en html, quería meter un div dentro de otro para posicionar unos elementos en forma de grid, lo cual es totalmente posible, no podía modificar la estructura html de ese grid, pero si podía insertar código javascript.

Lo primero que pensé fué usar el metodo clone de jquery, crear el wrapper e insertar el objeto clonado ahí.

Pero investigué un poco más y conocí el wrap que se encarga de hacer justamente lo que necesitaba.

Otras idéas – Pie de foto

Tienes una colección de imágenes en en el html, todas tienen su debida descripción en el atributo alt.

Primero envuelves cada una de las imágenes en un div que vas a usar como el contenedor de la imagen y el pie de foto.

Puedes verlo funcionando en este ejemplo (ver código  fuente)

Comparte
  • Print
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Bitacoras.com
  • MySpace
  • Netvibes
  • Ping.fm
  • Posterous
  • Reddit
  • RSS
  • Technorati
  • Tumblr
  • Twitter
  • Add to favorites

Entradas Relacionadas:

  1. jQuery 101 (introducción)
  2. Mejores FAQ’s con jQuery
  3. Menús Dropdown con jQuery
  4. Loops en jQuery con .each()

Deja un comentario

CommentLuv Enabled