jueves, 6 de junio de 2013

JQuery: consultar el contenido de un div

Buenas!

Consultar el contenido de un div puede seros útil en una gran variedad de situaciones.
Por ejemplo para el duplicado de divs, para ver si un div tiene o no tiene contenido, para guardar el contenido temporalmente y mostrar otro en su lugar, etc.

Con JQuery es muy sencillo, supongamos que tenemos un div con id 'contenido', y queremos guardar su contenido en una variable 'c':

<div id="content">Este texto está en el div content</div>

Es tan simple como esto:

var c = $("#content").html();

Ahora si queréis por ejemplo mostrar ese contenido en otro div con id 'contenido_duplicado', tan sólo tenéis que hacer lo siguiente:

$("#contenido_duplicado").html(c);

Es importante tener presente que la función que retorna el contenido de un div, retorna el código html que contiene, es decir, si el div contiene tags como imágenes, tablas, u otros elementos, serán incluidos en el string retornado.

Un saludo a todos!

No hay comentarios:

Publicar un comentario