Add some text using jQuery

Question

I'm using jQuery, I have a div with H2 tags

<div id="preload"><h2></h2></div>

I would like to know how to use jQuery to add a text within the <h2> tags

Final result should be:

<div id="preload"><h2>Some text here</h2></div>

I need to add the text without replacing the tags <h2></h2> in the jQuery script.

Any ideas? Many thanks!

What's the larger picture? There may be an easier way to do that — SomeKittens
– SomeKittens, Commented Aug 1, 2012 at 19:45
SomeKittens thanks for your comment...The larger picture was: I bought to had read in some place that it was possible to add text in an element without replacing the html tag already present ....so I wanted to have a confirmation if it really exist in this function. — GibboK
– GibboK, Commented Aug 1, 2012 at 20:09

Ashutosh Jindal · Accepted Answer · 2012-08-01 19:45:41Z

14

Try something like this :

$("div#preload h2").html("Some Text Here")

See the above code in action for your sample HTML here

answered Aug 1, 2012 at 19:45

Ashutosh Jindal

18.9k4 gold badges68 silver badges95 bronze badges

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

Comments

Vinit · Accepted Answer · 2012-08-01 19:47:56Z

9

$("#preload h2").text('WOOt Woot');

answered Aug 1, 2012 at 19:47

Vinit

1,82517 silver badges38 bronze badges

Comments

Austin · Accepted Answer · 2012-08-01 19:45:59Z

6

Use .text

$("#preload h2").text("Some text here");

Also not that this must be within either $(document).ready(function () { ... }) or $(function () { ... }). I would use the latter as it saves typing.

$(function () {
    $("#preload h2").text("Some text here");
});

answered Aug 1, 2012 at 19:45

Austin

6,0442 gold badges26 silver badges24 bronze badges

Comments

j08691 · Accepted Answer · 2012-08-01 19:45:44Z

2

$('#preload h2').html('foo');

OR

$('#preload h2').text('foo');

answered Aug 1, 2012 at 19:45

j08691

208k33 gold badges269 silver badges281 bronze badges

Collectives™ on Stack Overflow

Add some text using jQuery

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related