divで選択した複数の要素をjqueryでラップする

Question

Aタグからbrタグにjqueryを選択してdivでラップしたいとします。

私は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の権利を追加し...

最後のように見える：

<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

ちょうど私の頭の上から。 両方の要素クラスinnerを追加します。このように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>');