How to add Hyperlink in javascript var?

Question

I've leraned js for a few days

as topic I want to put several hyperlinks in a var

var aaa = [
'www.google.com',
'www.yahoo.com',
'www.facebook.com'];

$('#showlink').text(aaa[2]);

and then "www.yahoo.com" link will show in html,it's an url

<div id="showlink"> </div>

how can i do for that?

in place of only URL you need to put complete anchor tag.

Manish Shukla
– Manish Shukla

2015-04-29 05:50:43 +00:00
Commented Apr 29, 2015 at 5:50 — Manish Shukla
– Manish Shukla, Commented Apr 29, 2015 at 5:50

tonesforchris · Accepted Answer · 2015-04-29 05:52:33Z

1

You could use the jQuery .html() function instead of .text() which allows you to dynamically update HTML, so;

$('#showlink').html('<a href="' + aaa[2] + '">' + aaa[2] + '</a>');

OR, you can append to the DIV with:

$('#showlink').append('<a href="' + aaa[2] + '">' + aaa[2] + '</a>');

answered Apr 29, 2015 at 5:52

tonesforchris

3033 silver badges9 bronze badges

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

Comments

Sandeep · Accepted Answer · 2015-04-29 05:52:53Z

1

Here is the code

$("<a/>",{"href":"http://"+aaa[2],"text":aaa[2]}).appendTo("#showlink");

answered Apr 29, 2015 at 5:52

Sandeep

1171 silver badge10 bronze badges

3 Comments

shA.t Over a year ago

Please explain the OP that what does your code do and why OP need this code ;).

Sandeep Over a year ago

@shA.t this is simple. $('<a/>') creates a Anchor Node, with Text as the stored string in array. This also appends "http://" before URL string and makes that as href attribute. That anchor tag with text and href, then gets appended to "#showlink" div.

shA.t Over a year ago

We are here to make a royal programming reference, thanks ;).

Balayesu Chilakalapudi · Accepted Answer · 2015-04-29 05:54:54Z

0

Add a button at your div like this

<div id="showlink"> </div>
<input type="button" id="gen" />

and use click() function in your js like this

$("#gen").click(function() {

   var aaa = [
'www.google.com',
'www.yahoo.com',
'www.facebook.com'];

 $("#showlink").val(aaa[2]);

});

answered Apr 29, 2015 at 5:54

Balayesu Chilakalapudi

1,4023 gold badges20 silver badges43 bronze badges

Collectives™ on Stack Overflow

How to add Hyperlink in javascript var?

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related