Thanks Franck!

I had something working but that is more compact.

Since I will need to place content into the inserted div I need to
select the last inserted div. Using your suggestion, I've come up with
something like:

var c = $("#font-container");
c.append('<div class="subdiv">');
c.children("div:last-child").html("<p>Lorem ipsum ...</p>"); // get
the last inserted div

Is there a better way?

On Jun 12, 12:46 pm, Franck Marcia <[EMAIL PROTECTED]> wrote:
> This should work:
> $('#form_containter').append('<div id="row1">');
>
> then
> $('#form_containter').append('<div id="row2">');
>
> and so on...
>
> Franck.
>
> On 12 juin, 18:39, Brad Perkins <[EMAIL PROTECTED]> wrote:
>
> > In looking at the DOM manipulation commands I'm not clear on the best
> > way to insert a div into an existing div. More specifically I need to
> > do something like this:
>
> > Start with an empty div
> > <div id="form_container">
> > </div>
>
> > Insert a div...
> > <div id="form_container">
> >   <div id="row1">...</div> <-- inserted
> > </div>
>
> > And another ...
> > <div id="form_container">
> >   <div id="row1">...</div>
> >   <div id="row2">...</div> <-- inserted
> > </div>
>
> > etc.
>
> > I want every inserted div to be the last div within "form_container".
>
> > Thanks,
>
> > Brad Perkins

Reply via email to