Problema de lógica no front-end

Pessoal estou precisando fazer uma manutenção numa página estou enfrentando um pequeno problema de lógica.
Na resposta da chamada vem um html dinâmico que ele tem a seguinte estrutura

<div>
<span>conteudo</span>
<span>conteudo</span>
<span>conteudo</span>
<span>conteudo</span>
<span>conteudo</span>
</div>

Essa div vem com um número de span indeterminado, dependendo do cliente logado, eu preciso percorrer essa div e a cada 3 span colocar eles numa determinada div no documento HTML que no caso seria para fazer um slider show

exemplo: se vier 6, colocar 3 em uma div e 3 em outra div, se vier 7 colocar 3 em uma div, 3 em outra div e 1 em outra div, eu ja crio as divs sliders, oque não consigo e colocar os spans dentro dela(3 spans em cada slide e caso sobre algum span colocar num slider amais).

atualmente tenho o seguinte código:

if($(data.d).find(".user-programs-list span").length > 0){
					
					//de 1 a 3 vantagnes apemas um slide
					if(containerProgramList.childElementCount <=3){
						//cria um slide e coloca os spans nele
						$(".swiper-wrapper").append("<div class='swiper-slide'></div>");
						$(".box-itens .swiper-slide:first-child").append($(data.d).find(".user-programs-list").html());
						
					}else{
						
						//calculando a quantidade de slide que sera montada
						var numeroVantagens = containerProgramList.childElementCount / 3;
						var numeroVantagensSobra = containerProgramList.childElementCount % 3;
						
						if(numeroVantagensSobra == 0){
                                                       //cria a quantidade de slide no caso de nao sobrar span
							for(var count = 0; count <= numeroVantagens; count++)
								$(".swiper-wrapper").append("<div class='swiper-slide'></div>");								
											
							
						}else{
							//cria a quantidade de slide e mais um para a sobra dos spans
							for(var count = 0; count <= numeroVantagens; count++)
								$(".swiper-wrapper").append("<div class='swiper-slide'></div>");							
							
							$(".swiper-wrapper").append("<div class='swiper-slide'></div>");				
						}
						
					}								
					
				}