Adding Hyperlink to text in JQuery

Question

I am using innerText to add text to my object. Is there an easy way to add a hyperlink to the text? 'trend' also has a attribute called 'link'.

this.node.innerText = trend.get('value');

Can't you just use innerHTML instead? http://www.w3schools.com/jsref/prop_html_innerhtml.asp — Henrik, Aug 08 '13 at 14:25

score 15 · Answer 1 · answered Aug 08 '13 at 14:23

15

Use **WRAP** function

  $(someSelector).wrap(function() {
       var link = $('<a/>');
       link.attr('href', 'somewhere_far_far_away');
       link.text($(this).text());
       return link;
    });

answered Aug 08 '13 at 14:23

Vaibs_Cool

6,126
5
28
61

score 15 · Accepted Answer · answered Aug 08 '13 at 14:23

15

You need to add a DOM element using jQuery's wrap():

$(this).wrap('<a href="..." />');

answered Aug 08 '13 at 14:23

Diodeus - James MacFarlane

112,730
33
157
176

Adding Hyperlink to text in JQuery

2 Answers2