Utilizzando jQuery, come posso modificare il valore html degli elementi? (div)

Question

Utilizzando una richiesta Ajax Voglio cambiare il contenuto del mio div.

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

Quindi voglio cambiare il contenuto in un numero diverso.

$('d1').InnerText??? 

Inoltre, supponiamo di voler aumentare il numero, come potrei farlo? Devo convertire in int?

Answer 1

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

Verificare il jQuery documentation.

Se si voleva incrementare il numero, si farebbe

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

P.S. Non sono sicuro che si tratti di un errore di battitura o meno, ma devi includere lo # nel selettore per consentire a jQuery di sapere che stai cercando un elemento con un ID di di. Forse se vieni da un prototipo non te lo aspetti, ti sto solo facendo sapere.

Answer 2

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

Answer 3

Ciò avrebbe modificato il testo interno dell'elemento HTML.

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

Answer 4

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

Answer 5

A meno che non si sta incorporando html come <b>blah</b> sarei suggerisco di usare $("#di").text() in quanto sarà sfuggire automaticamente le cose come <, > e &, mentre .html() non lo faranno.

Answer 6

utilizzare la funzione text:

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

Answer 7

se il valore è un testo puro (come 'test') è possibile utilizzare il metodo di testo() pure. in questo modo:

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

in ogni caso, circa il problema che sta condividendo, penso che si potrebbe essere chiamando il codice JavaScript prima del codice HTML per il DIV viene inviato al browser. assicurarsi che si sta chiamando la linea jQuery in un <sceneggiatura> tag dopo la <div>, o in una dichiarazione come questa:

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

questo modo lo script viene eseguito dopo il codice HTML del div viene analizzato dal browser .

Answer 8

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