Using jQuery, how do I change the elements html value? (div)

Question

Hi,

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);

P.S. 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

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

Answer 3

This would changed the inner text of your HTML element.

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

Answer 4

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

Answer 5

Unless you're embedding html like <b>blah</b> I'd suggest using $("#di").text() as it'll automatically escape things like <, > and &, whereas .html() will not.

Answer 6

Use the text function:

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