用jquery包裝內容

如何使用jQuery使用佔位符div來包裝內容。用jquery包裝內容

所以我可以將這個 -

 <div class="placeholder"></div> 
     <div class="content"></div> 
     <div class="content"></div> 
     <div class="content"></div> 
     <div class="content"></div> 
     <div class="placeholder"></div> 
     <div class="content"></div> 
     <div class="content"></div> 
     <div class="placeholder"></div> 
     <div class="content"></div> 
     <div class="content"></div> 
     <div class="content"></div> 
     <div class="placeholder"></div>

進入這個

 <div class="wrap"> 
      <div class="placeholder"></div> 
      <div class="content">Abcd</div> 
      <div class="content">Abcd</div> 
      <div class="content">Abcd</div> 
      <div class="content">Abcd</div> 
     </div> 
     <div class="wrap"> 
      <div class="placeholder"></div> 
      <div class="content">Abcd</div> 
      <div class="content">Abcd</div> 
     </div> 
     <div class="wrap"> 
      <div class="placeholder"></div> 
      <div class="content">Abcd</div> 
      <div class="content">Abcd</div> 
      <div class="content">Abcd</div> 
     </div>

來源

2010-01-30 usertest

要更多具體：你是否想要它所有的div元素，直到div與類「佔位符」？如果沒有更多的「佔位符」div，然後包裝所有的div？或者你想包裝每個3個HTML元素？對你的問題有太多的解釋... – 2010-01-30 19:30:18

不是每三個元素，都可能有任何數字。唯一的變量是會有一個佔位符標記。我修改了示例以使其更清晰 – usertest 2010-01-30 20:00:18

與jQuery 1.4試試這個：

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

的jQuery 1.4添加了nextUntill功能

來源

2010-01-30 20:22:44 PetersenDidIt

很酷，它的作用像一個魅力感謝@PetersenDidIt – mica 2013-01-15 14:02:32

用jquery包裝內容

回答

相關問題