javascript - 特定の div にあるリンクをラップする

Question

div にあるリンクをラップしたい:

これ ：

<div id="hello">

http://google.fr/646564897564/8977748946

</div>

になります：

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

Answer 1

ここを見てください：http://jsfiddle.net/R44pn/

JS

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

出力

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

JQueryで

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

ここでフィドル：http://jsfiddle.net/q27Sw/

それが役に立てば幸い

Answer 2

jQuery を使用すると、wrapInner関数を使用できます。

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

http://jsfiddle.net/R44pn/6/