Jak zmienić wartość html elementów za pomocą jQuery? (div)

Question

Korzystanie z żądania ajax Chcę zmienić zawartość mojego div.

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

Dlatego chcę zmienić zawartość na inny numer.

$('d1').InnerText??? 

Powiedzmy, że chciałem zwiększyć liczbę, w jaki sposób mogę to zrobić? Czy muszę przekonwertować na int?

Answer 1

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

Zapoznaj się z jQuery documentation.

Jeśli chcesz, aby zwiększyć liczbę, byś

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

PS: Nie jestem pewien czy to był literówka, czy nie, ale musisz włączyć # w selektorze, aby jQuery wiedział, że szukasz elementu o identyfikatorze di. Może jeśli pochodzisz z prototypu, nie spodziewaj się tego, po prostu informując cię o tym.

Answer 2

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

Answer 3

Spowoduje to zmianę wewnętrznego tekstu elementu HTML.

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

Answer 4

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

Answer 5

Chyba że osadzanie html jak <b>blah</b> Sugeruję użyciu $("#di").text() jak będzie ona automatycznie uciec rzeczy jak <, > i &, natomiast .html() nie będzie.

Answer 6

Użyj text funkcję:

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

Answer 7

jeśli wartość jest czysty tekst (jak 'test') można zastosować metodę text(), jak również. tak:

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

tak, o problemie dzielisz, myślę, że może być wywołanie kodu JavaScript przed kodem HTML DIV jest wysyłany do przeglądarki. upewnij się, że dzwoniąc na linię jQuery w <skryptu> tag po <div> lub w oświadczeniu tak:

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

ten sposób skrypt wykonywany po HTML div jest analizowany przez przeglądarkę .

Answer 8

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