應用jQuery代碼到單獨的div

Question

我用下面的代碼：

$('.game-list-right-bottom > .game-list-file').each(function(i) { 
    if(i % 4 == 0) { 
    $(this).nextAll().andSelf().slice(0,4).wrapAll('<div class="game-list-files"></div>'); 
    } 
}); 

把這個：

<div class="game-list-right-bottom"> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
    </div> 

到這一點：

<div class="game-list-right-bottom"> 
    <div class="game-list-files"> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
    </div> 
    <div class="game-list-files"> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
    </div> 
    </div> 

（基本上緊裹.game-list-files到每四個遊戲列表文件）。

的問題是，我有一個以上的.game-list-right-bottom：

<div class="game-list-right-bottom"> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
    </div> 

    <div class="game-list-right-bottom"> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
    </div> 

所以它最終是這樣的：

<div class="game-list-right-bottom"> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
    </div> 

    <div class="game-list-right-bottom"> 
     <div class="game-list-file"></div> 
    <div class="game-list-files"> 
     <div class="game-list-file"></div> 
    </div> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
     <div class="game-list-file"></div> 
    </div> 

我想單獨申請是jQuery代碼到每個.game-list-right-bottom。 如何歸檔？

Answer 1

試試這個

$('.game-list-right-bottom').each(function() { 
    $(this).children('.game-list-file').each(function(i) { 
     if(i % 4 == 0) { 
     $(this).nextAll().andSelf().slice(0,4).wrapAll('<div class="game-list-files"></div>'); 
     } 
    }); 
    }); 

Answer 2

首先使用.each()代替.game-list-right-bottom，而不是兒童。