Столкнулся с задачей, когда нужно обернуть каждые 2-3-4 блока, в зависимости от размера экрана общим враппером, чтобы выровнять высоту каждой строки. В этой статье речь пойдет именно о том, как обернуть каждые N блоков враппером.

Ниже пример:

  
     
  
  
    

      
...
      
...
      
...
      
...
      
...
      
...
      
...
      
...
      
...
      
...
    
    
  

Здесь мы создаем контекст с элементом, внутри которого наши целевые блоки, которые следует группировать. Далее делаем цикл, внутри которого выбираем каждые 5 (в этом примере) элементов, которые оборачиваем в div.wrap-div.