JQuery add link to text

Question

Is there a way in jQuery to select text from an html document and add a link around it?

Thanks a lot Nav

Answer 1

You can use jQuery wrap function:

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

Answer 2

You can do it as below.

  var txtN=$("#div").text(); var htmlStr=<a href="">txtN</a> 

then type htmlStr in html ...

You can use absolute positioning to set the position.

Answer 3

This is how I do it. Suppose you need to do this on an h3 tag:

 var h3tag = $('h3#head'); var txt = h3tag.text(); h3tag.text(''); //Remove default text $("<a />", { "href" : $('h2 a').attr('href'), //grab the link from somewhere "text" : txt }).appendTo(h3tag); 

Hope this helps.