如何在上課之前打開div關閉另一個課程後的div

Question

我想在.left之前追加div類。它必須在.right之後關閉。我已經嘗試過像下面這樣但是自動關閉在同一行。

我也試過wrap（）但沒有運氣。

HTML

<!-- <div class="group"> --> 
<div class="tp left arrow">Left</div> 
<div class="tp bullets"> 
    <div class="round">1</div> 
    <div class="round">2</div> 
    <div class="round">3</div> 
    <div class="round">4</div> 
    <div class="round">5</div> 
</div> 
<div class="tp right arrow">right</div> 
<!-- </div> --> 

JS

$(".left").before("<div class='group'>"); 
$(".right").after("</div'>"); 

Answer 1

可以使用wrapAll()方法爲

$(".left,.bullets,.right").wrapAll("<div class='group'></div>") 

Fiddle

Answer 2

$('.tp').wrapAll('<div class="group" />')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="tp left arrow">Left</div> 
 
<div class="tp bullets"><div class="round">1</div><div class="round">2</div><div class="round">3</div><div class="round">4</div><div class="round">5</div></div> 
 
<div class="tp right arrow">right</div>