使用jQuery，如何更改元素html值？ （DIV）

Question

Using a ajax request I want to change content of my div.

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

So I want to change the content to a different number.

$('d1').InnerText???

Also, say I wanted to increment the number, how could I do that? Do I have to convert to int?

Answer 1

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

Check out the jQuery documentation .

If you wanted to increment the number, you would do

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

PS Not sure if it was a typo or not, but you need to include the # in your selector to let jQuery know you are looking for an element with an ID of di . Maybe if you come from prototype you do not expect this, just letting you know.

Answer 2

这将改变HTML元素的内部文本。

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

Answer 3

除非你嵌入html像<b>blah</b>我建议使用$("#di").text()因为它会自动转义像<，>和＆，而.html()将不会。

Answer 4

使用文字功能：

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

Answer 5

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

Answer 6

if your value is a pure text (like 'test') you could use the text() method as well. like this:

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

anyway, about the problem you are sharing, I think you might be calling the JavaScript code before the HTML code for the DIV is being sent to the browser. make sure you are calling the jQuery line in a <script> tag after the <div>, or in a statement like this:

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

this way the script executes after the HTML of the div is parsed by the browser.

Answer 7

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

Answer 8

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