CODEWITHSUNDEEP
javascriptjquery
MTBoy
MTBoy

Reputation:

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

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?

Upvotes: 13

Views: 43136

Answers (8)

Gokulakannan
Gokulakannan

Reputation: 128

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

Upvotes: 0

kishan Radadiya
kishan Radadiya

Reputation: 832

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.

Upvotes: 0

Joe Chung
Joe Chung

Reputation: 12123

Use the text function:

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

Upvotes: 2

cdmckay
cdmckay

Reputation: 32240

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.

Upvotes: 4

Shawn Miller
Shawn Miller

Reputation: 7080

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

Upvotes: 0

Chatu
Chatu

Reputation: 4778

This would changed the inner text of your HTML element.

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

Upvotes: 5

Logan Serman
Logan Serman

Reputation: 29870

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

Upvotes: 1

Paolo Bergantino
Paolo Bergantino

Reputation: 488384

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

Upvotes: 38

Related Questions