Changing html text using jQuery/javascript

Question

I need to change text inside html tags, using jQuery/javascript. For example, I need to change this:

<a id="id_1" href="www.google.com"> TEST </a>

into this:

<a id="id_1" href="www.google.com"> SUCCESS </a>

This should be done in regular time intervals, through a jQuery function, but that timing part I know how to do - I just don't know how to change this text. Any help is welcome, since this is the first time I am trying to do something like this.

EDIT: Sorry for what seems to be a stupid newbie question everyone. I have tried searching online, but whatever I typed in gave me results such as changing field values, or element attributes. I will choose the first answer, and once again, sorry for the question.

I have tried searching online, but all I get is how to change values of fields, or attributes. — Marko Cakic
– Marko Cakic, Commented Nov 6, 2012 at 15:06

Clarice Bouwer · Accepted Answer · 2012-11-06 15:05:01Z

4

You can simply update the text as follows:

$("#id_1").text("SUCCESS");

answered Nov 6, 2012 at 15:05

Clarice Bouwer

3,8214 gold badges38 silver badges58 bronze badges

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

Comments

T.J. Crowder · Accepted Answer · 2012-11-06 15:04:48Z

3

If you look at the jQuery API documentation, you'll see a function called jQuery (also usually $) that can find elements based on a CSS selector, and another called html. You can use them to do this.

$("#id_1").html(" SUCCESS ");

If you take an hour to read through the API docs (it really only takes that long), you'll find a lot of very useful information there. Also consider reading up on the DOM (Document Object Model), which jQuery uses to perform (most of) its work. Various DOM documents can be found on the W3C DOM page.

answered Nov 6, 2012 at 15:04

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

2 Comments

Marko Cakic Over a year ago

This did it, and thanks a lot for the quick reply. I will look through the documentation.

Marko Cakic Over a year ago

Yes, of course - yesterday I couldn't accept it right away, had to wait 15 minutes.

Adil · Accepted Answer · 2012-11-06 15:05:07Z

1

You can use text() of html() method of jquery to change the content of anchor,

Live Demo

$('#id_1').text("SUCCESS");

if you want to set the html

$('#id_1').html("SUCCESS");

answered Nov 6, 2012 at 15:05

Adil

148k25 gold badges217 silver badges207 bronze badges

Comments

rafek · Accepted Answer · 2012-11-06 15:05:11Z

1

It is very simple:

$("#id_1").text('SUCCESS')

answered Nov 6, 2012 at 15:05

rafek

6355 silver badges8 bronze badges

Comments

reza ostadi · Accepted Answer · 2012-11-06 15:24:20Z

0

first way is:

 $("#id_1").text('SUCCESS');

if u want to change all links with href google use

$("a[href^='http://www.google.com']").text('SUCCESS');

and u can change class with:

$("#id_1").css('class','class2')

answered Nov 6, 2012 at 15:24

reza ostadi

3072 silver badges11 bronze badges

Collectives™ on Stack Overflow

Changing html text using jQuery/javascript

5 Answers 5

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related