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/