最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - Using jQuery, how do I change the elements html value? (div) - Stack Overflow

programmeradmin11浏览0评论

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?

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?

Share Improve this question edited Mar 17, 2009 at 1:57 Paolo Bergantino 488k82 gold badges521 silver badges437 bronze badges asked Feb 11, 2009 at 16:20 MTBoyMTBoy
Add a comment  | 

8 Answers 8

Reset to default 38
$("#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.

This would changed the inner text of your HTML element.

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

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.

Use the text function:

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

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.

$("#div1").innerHTML="your text goes here..";
发布评论

评论列表(0)

  1. 暂无评论