Comunidad de diseño web y desarrollo en internet online

Manipular arreglo

Citar            
MensajeEscrito el 07 Ene 2015 03:09 am
que tal gente de cristalab, estoy intentando manipular el contenido de un arreglo de esta forma:

Código Javascript :

// Este es el código js
var contenedorPadre = $("<ul></ul>"),
     listaContenedor = $("<li></li>"),
     arreglo = ['1','2','3','4','5','6','7','8','9'];


y lo que estoy tratando de hacer es formar este código html:

Código HTML :

<ul>
  <li>
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
 </li>
  <li>
    <p>5</p>
    <p>6</p>
    <p>7</p>
    <p>8</p>
 </li>
  <li>
    <p>9</p>
  </li>
</ul>



Es separar el arreglo y colocarle un padre cada x números de split en un loop.

Espero y me de ha entender, llevo tiempo intentando y no me sale ¿alguien conoce alguna solución?

Saludos!

Por alejandroC

34 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Ene 2015 05:09 am
Ya quedo, la solución era:

Código Javascript :

var contenedorPadre = $("<ul></ul>"),
  arreglo = ['1','2','3','4','5','6','7','8','9'];

while (arreglo.length) {
  var listaContenedor = $("<li></li>");
  for (var i = 0; i < 4; i++) {
     if (arreglo.length) {
       var p = $('<p>').append(arreglo.shift());
       listaContenedor.append(p);
     };
  };
  contenedorPadre.append(listaContenedor);
};


De antemano, saludos!

Por alejandroC

34 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Ene 2015 03:38 pm

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

chrome
Citar            
MensajeEscrito el 07 Ene 2015 11:54 pm
jajaja realmente lo que se buscaba era llevar ha cavo el acomodo de los elementos con el arreglo, no colocar 4 párrafos en la lista, solo sirvió como un ejemplo.

Por alejandroC

34 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.