2

私は次のものを持っています;

<div class="content">
  <div class="row morepad">
    <a href="#">Association 1</a>
  </div>
  <div class="row">
   <a href="#">Association 2</a>
  </div>
  <div class="row morepad">
    <a href="#">Association 3</a>
  </div>
  <div class="row">
    <a href="#">Association 4</a>
  </div>
</div>

最初の morepad に従って、次のようにグループにラップしようとしています。

<div class="content">
 <div>
  <div class="row morepad">
    <a href="#">Association 1</a>
  </div>
  <div class="row">
   <a href="#">Association 2</a>
  </div>
 </div>
 <div>
  <div class="row morepad">
    <a href="#">Association 3</a>
  </div>
  <div class="row">
    <a href="#">Association 4</a>
  </div>
 </div>
</div>

私は次のことを試しました：

$('.morepad').each(function() {
      $(this).nextUntil('.morepad').wrapAll('<div></div>');
  });
4

1 に答える 1

2

Jクエリ

$('.morepad').each(function() {
      $(this).nextUntil('.morepad').andSelf().wrapAll('<div></div>');
  });

両端が含まれるように addSelf を追加する必要があります。

ワーキングJsfiddleリンク

于 2014-07-30T19:52:03.467 に答える