如何在上课前打开div在下课后关闭div

Question

我想在.left之前添加div类。 它必须在.right之后.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>")

小提琴

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>