Question

我想在按钮div之后用javascript / jquery包装以下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>');
    });

在div之后换行div

1 个答案: