Usando jQuery, ¿cómo cambio el valor html de los elementos? (div)

Question

Usando una solicitud de Ajax quiero cambiar el contenido de mi div.

<div id="d1">202</div> 

Así que quiero cambiar el contenido a un número diferente.

$('d1').InnerText??? 

Además, digamos que quería aumentar el número, ¿cómo podría hacerlo? ¿Debo convertir a int?

Answer 1

$("#di").html('My New Text'); 

Compruebe el jQuery documentation.

Si desea incrementar el número, que haría

var theint = parseInt($("#di").html(),10) 
theint++; 
$("#di").html(theint); 

P. S. No estoy seguro de si se trata de un error tipográfico o no, pero debe incluir el # en su selector para que jQuery sepa que está buscando un elemento con un ID de di. Tal vez si vienes de un prototipo no esperes esto, simplemente dejándote saber.

Answer 2

$('#d1').html("Html here"); 

Answer 3

Esto cambiaría el texto interno de su elemento HTML.

$('#d1').text(parseInt(requestResponse)++); 

Answer 4

jQuery('#d1').html("Hello World"); 

Answer 5

A menos que estés incrustar HTML como <b>blah</b> me gustaría sugerir el uso de $("#di").text() ya que escapará automáticamente cosas como <, > y &, mientras que .html() no lo hará.

Answer 6

utilizar la función text:

$("#d1").text($("#d1").text() + 1); 

Answer 7

si su valor es un texto puro (como 'prueba') se puede utilizar el método de texto() también. de esta manera:

$('#d1').text('test'); Or $('#d1').html('test'); 

de todos modos, sobre el problema que está compartiendo, creo que es posible que se llama el código JavaScript antes de que el código HTML para el DIV está siendo enviado al navegador. asegúrese de que está llamando a la línea de jQuery en un > etiqueta < guión después de la <div>, o en una sentencia como esta:

$(document).ready(
    function() { 
     $('#d1').text('test'); 
    } 
); 

este modo, el script se ejecuta después de que el HTML de la div es analizada por el navegador .

Answer 8

$("#div1").innerHTML="your text goes here..";