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>");
}
}
}