divの後にdivをラップする

Question

ボタンをクリックして行を非表示にするには、javascript/jqueryのボタンdivの後に次のdivを折り返したいと思います。私はトリガーの後に複数のボタンと複数の行を持っています。

<div class="button"> </div> 
<div class="row"></div> 
<div class="row"></div> 
<div class="row"></div> 
<div class="row"></div> 

<div class="button"> </div> 
<div class="row"></div> 
<div class="row"></div> 
<div class="row"></div> 
<div class="row"></div> 
... 

私は

<div class="button"> </div> 
<div class="wrapper"> 
    <div class="row"></div> 
    <div class="row"></div> 
    <div class="row"></div> 
    <div class="row"></div> 
</div> 

<div class="button"> </div> 
    <div class="wrapper"> 
    <div class="row"></div> 
    <div class="row"></div> 
    <div class="row"></div> 
    <div class="row"></div> 
    </div> 

感謝を達成したいと思います！私はラップする方法を知る必要がありますそれはボタンのことは簡単です。 （うまくいけば）

Answer 1

私は解決策を持っている：

$('.button').each(function() { 
     $(this).nextUntil('button').wrapAll('<div class="wrapper"></div>'); 
    });