使用jquery包装多个选定的元素与div divc与

Question

我想从A标签选择与jquery br标签并包装它。

我是第三方开发者开发的Chrome扩展程序，我得到这个数据的工作与：

<div id="indiv" style="font-size: 12px"> 
    <a href="/?side=profiles&id=60438"><span style="color: #2498E0">Esmeralda Angelseye</span></a> (21:12): content here 
    <br> 

    <a href="/?side=profiles&id=39818"><span style="color: #800909">Ernest Ferdinand Solis</span></a> (21:09): content here 
    <br> 

    <a href="/?side=profiles&id=60438"><span style="color: #2498E0">Esmeralda Angelseye</span></a> (21:12): content here 
    <br> 

    <a href="/?side=profiles&id=39818"><span style="color: #800909">Ernest Ferdinand Solis</span></a> (21:09): content here 
    <br> 
</div> 

正如你看到的，每一个“后”是单独用在第一和BR末。

我已经将我应该如何平衡的办法，我测试过一些野生的东西一样，没有线索：

$("<div>").insertBefore("#indiv a"); 
$("</div>").insertAfter($("#indiv a").next().next()); 

jQuery的追加/ DIV之后自动股利..

如何我想它看起来像到底：

<div id="indiv" style="font-size: 12px"> 
    <div> 
     <a href="/?side=profiles&id=60438"><span style="color: #2498E0">Esmeralda Angelseye</span></a> (21:12): content here 
     <br> 
    </div> 

    <div> 
     <a href="/?side=profiles&id=60438"><span style="color: #2498E0">Esmeralda Angelseye</span></a> (21:12): content here 
     <br> 
    </div> 

    <div> 
     <a href="/?side=profiles&id=60438"><span style="color: #2498E0">Esmeralda Angelseye</span></a> (21:12): content here 
     <br> 
    </div> 

    <div> 
     <a href="/?side=profiles&id=60438"><span style="color: #2498E0">Esmeralda Angelseye</span></a> (21:12): content here 
     <br> 
    </div> 
</div> 

有希望吗？

Answer 1

刚刚从我的头顶。 添加这两个元素类内部。 使用jquery这样的：

$('#indiv div a').addClass('inner') 

对于br，

或者手动添加。

<a class="inner" href="/?side=profiles&id=60438"><span style="color: #2498E0">Esmeralda Angelseye</span></a> (21:12): content here 
      <br class="inner"> 

并且将它们包装起来。

$('.inner').wrapAll('<div></div>');