[jQuery-es] wrap para los x primeros children de un div y otro wrap para el resto

[Choan Gálvez]

Holas.

On 30/03/2007, at 17:27, José M. Belmonte wrote:

> Buenas....
>
> no se me ocurre como hacer esto:
>
> tengo una estrucura normal tal que:
>
> <div id="foo">
>     <h2>
>     <p>
>     <p>
>     <h3>
>     <p>
>     <h3>
>     <h4>
>     <ul>
>     <p>
> </div>
>
> necesito coger los x primeros "children" (x y lo he calculado) y  
> hacerles un
> wrap para meternos dentro de un <div id="izquierda"> y coger el  
> resto y
> meterlos dentro de un <div id="derecha"> para que la estructura  
> quede asi:
>
> <div id="foo">
>     <div id="izquierda">
>         <h2>
>         <p>
>         <p>
>         <h3>
>         <p>
>     </div>
>     <div id="derecha">
>         <h3>....
>     </div>
> </div>
>
> el paso que no se hacer es de seleccionar esos x primeros children y
> hacerles un .wrap("div...")
>
> Me ayudais?

Cómo no ;)

El caso es que `wrap` envolverá cada uno de los elementos que tengas  
seleccionados, así que yo tiraría por `append` o `appendTo`. Algo como:

var iz = $("<div id='izquierda'/>");
$(elselector que toque).appendTo(iz);
iz,appendTo("#foo");

¿Te sirve?

Un saludo.
-- 
Choan Gálvez
<choan.galvez en gmail.com>
<http://choangalvez.nom.es/>