Usando JS para envolver pares de en divs

Parece que necesito un poco de ayuda básica de JS. Intento hacer un script que agregue un

alrededor de cada dos elementos en un

    . La cantidad de elementos de la lista no está bajo mi control, ni la altura de cada elemento. Pero necesito una forma de asegurarme de que cada par (que se muestra lado a lado) ocupe la misma cantidad de espacio.

    Espero que puedas ayudar

    Gracias.

    Así que desde ..

     

    a…

      

    usando jquery puedes probar:

      $(document).ready(function(){ var lis = $("li"); for(var i = 0; i < lis.length; i+=2) { lis.slice(i, i+2).wrapAll("
    "); } });

    En lugar de envolver elementos extra no semánticos, intente usar las clases CSS: even y: impd en su lugar. Se puede encontrar más información en: Uso de CSS: even y: pseudo-clases impares con elementos de lista

    Esto da la salida deseada:

           
    • first Div
    • first Div
    • second div
    • second div
    • third div
    • third div

    Si solo desea mostrar esa lista de elementos en pares de dos uno al lado del otro, independientemente de su tamaño, puede usar CSS3:

    Defina float:left para todos los elementos li, y luego use el selector :nth-child(odd) para agregar clear: left; para todos los elementos impares li (1º, 3º, 5º, etc.)

    en acción: http://jsfiddle.net/e63Rv/