Changing HTML with jQuery, below the script

Question

Does anyone know if it possible to change HTML with jQuery that appears below the script?

I'm using: $("div.className").html("My changed HTML here"); to change some text on a page. However it seems to only work if that HTML appears somewhere above the script placement. Is it possible to have it work on HTML that appears below the script placement? Or does the script need to be the last thing to load on the page?

Thanks for any help.

As a general best practice, placing <script> tags at the very bottom of the page is the way to go. http://developer.yahoo.com/performance/rules.html#js_bottom — Impirator
– Impirator, Commented Apr 4, 2013 at 3:36

Blender · Accepted Answer · 2013-04-04 02:56:28Z

2

You need to put your jQuery-enabled code into a $(document).ready() block:

$(document).ready(function() {
    $("div.className").html("My changed HTML here");
});

Your code wasn't working because you were looking for an element that hasn't been created yet.

answered Apr 4, 2013 at 2:56

Blender

300k55 gold badges462 silver badges511 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jberg Over a year ago

Ah Ha! Thanks everyone for the quick response.

PSR · Accepted Answer · 2013-04-04 02:57:06Z

0

put in ready function.Then it will work.Like

 $(document).ready(function() {
    $("div.className").html("My changed HTML here");
});

answered Apr 4, 2013 at 2:57

PSR

40.4k43 gold badges115 silver badges154 bronze badges

Collectives™ on Stack Overflow

Changing HTML with jQuery, below the script

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related