12

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?

8 Answers 8

37
$("#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.

1
  • needed to do the same thing. google, first result stack, first answer works a treat. this is why i love stack! +1
    – RPM1984
    May 18, 2011 at 0:15
5

This would changed the inner text of your HTML element.

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

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.

2

Use the text function:

$("#d1").text($("#d1").text() + 1);
1
$('#d1').html("Html here");
0
jQuery('#d1').html("Hello World");
0

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.

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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.