Adding links with jQuery/JavaScript

Question

I have a <div> element that when clicked updates content on a page. How do I go about adding a link with this JS code? I made a JSFiddle of basically my question. Basically the "" are ending too soon so there must be a character like %20 to do my dirty work. Is it possible?

http://jsfiddle.net/BpCSm/

$("#content").html("<a herf="http://www.google.com">google.com</a>");

The following SO ticket has the answer for you. stackoverflow.com/questions/4772774/… — Alec.
– Alec., Commented May 28, 2013 at 22:10
Please look at the console when running your code, you will see you have syntax errors.. — dsgriffin
– dsgriffin, Commented May 28, 2013 at 22:13

Kenneth · Accepted Answer · 2013-05-28 22:10:45Z

4

Use single quotes inside the double quotes:

$("#content").html("<a href='http://www.google.com'>google.com</a>"); } ); });

Also, it's not herf but href

This is the adapted Fiddle: http://jsfiddle.net/Kennethtruyers/BpCSm/4/

answered May 28, 2013 at 22:10

Kenneth

28.8k7 gold badges65 silver badges85 bronze badges

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

1 Comment

Kenneth Over a year ago

No problem. Please don't forget to up vote / accept an answer if it helped you

Rohit Agrawal · Accepted Answer · 2013-05-28 22:23:38Z

1

There are 2 ways to handle this

Using combination of singlequote and doublequote like this "'" or '"'

$("#content").html("<a href='http://www.google.com'>google.com</a>");

or , using the escape character like this "\"" or '\''

$("#content").html("<a href=\"http://www.google.com\">google.com</a>");

answered May 28, 2013 at 22:23

Rohit Agrawal

5,5305 gold badges21 silver badges30 bronze badges

Collectives™ on Stack Overflow

Adding links with jQuery/JavaScript

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related