Método jQuery html()

Cambia el contenido de todos los elementos <p>:

$("button").click(function(){
$("p").html("Hello <b>world</b>!");
});

Definición y uso

El método html() establece o devuelve el contenido (innerHTML) de los elementos seleccionados.

Cuando se usa este método para devolver contenido, devuelve el contenido del PRIMER elemento coincidente.

Cuando se utiliza este método para configurar el contenido, sobrescribe el contenido de TODOS los elementos coincidentes.

Sugerencia: para establecer o devolver solo el contenido de texto de los elementos seleccionados, use el método text() .

Contenido devuelto:

$(selector).html()

Establecer contenido:

$(selector).html(content)

Establecer contenido usando una función:

$(selector).html(function(index,currentcontent))

Parameter	Description
content	Required. Specifies the new content for the selected elements (can contain HTML tags)
function(index,currentcontent)	Optional. Specifies a function that returns the new content for the selected elements index - Returns the index position of the element in the set currentcontent - Returns the current HTML content of the selected element

el contenido de un elemento Cómo devolver el contenido de un elemento.

Usar una función para establecer el contenido de todos los elementos seleccionados.