包裹特定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/