Wrap a link which is in a specific div

Question

I want to wrap a link which is in a div:

This :

<div id="hello">

http://google.fr/646564897564/8977748946

</div>

will be:

<div id="hello">
<div id="wrap">
http://google.fr/646564897564/8977748946
</div>
</div>

score 3 · Accepted Answer · answered Jun 03 '13 at 14:52

3

JS

var outer = document.getElementById("hello");
outer.innerHTML = "<div id='wrap'>"+outer.innerHTML+"</div>"

OUTPUT

<div id="hello">
    <div id="wrap">
        http://google.fr/646564897564/8977748946
    </div>
</div>

with JQuery

$("#hello").html("<div id='wrap'>"+$("#hello").html()+"</div>")

hope it helps

answered Jun 03 '13 at 14:52

BeNdErR

When I try this : its not working : var outer = document.getElementById("url_re"); outer.innerHTML = "" – Mathieu Jun 03 '13 at 15:40
Well, I have an url in a page. I want to put a redirection script surround this url in order to redirect the visitor – Mathieu Jun 03 '13 at 15:50
you want the user to click that url before he's redirected to the page? – BeNdErR Jun 03 '13 at 15:52
Do you think is that possible ? – Mathieu Jun 03 '13 at 16:11
have a look here if it helps http://stackoverflow.com/questions/503093/how-can-i-make-a-redirect-page-in-jquery-javascript – BeNdErR Jun 03 '13 at 16:12

Alvaro · Answer 2 · 2013-06-03T15:01:11.817

3

Making use of jQuery you can use the wrapInner function:

var outer = $("#hello");
outer.wrapInner('<div id="wrap">);

edited Jun 03 '13 at 15:01

answered Jun 03 '13 at 14:55

Alvaro

2 Answers2