Quoting Brian Miller <[EMAIL PROTECTED]>:

Interesting...VERY interesting.

> This strikes me as a task where creating new elements may be less
> gremlin-prone than cloning.
> 
> Michael Geary's "Easy DOM Creation" plugin might make it easier to write a
> function that creates the appropriate DOM tree branch.
> 
> http://mg.to/2006/02/27/easy-dom-creation-for-jquery-and-prototype
> 
> - Brian
> 
> 
> > I'm working with recipes and I want to use some jQuery goodness to clone a
> > DOM construct that will contain a few form fields so that adding
> > ingredients
> > is easy, and fun. I thought that it would be pretty easy to code but it's
> > giving me some trouble and I wanted to see if you guys could help me out.
> >
> > My HTML:
> > <ol id="ingList">
> >     <li class="ingredient"><input type="text" name="ing_01"><input
> > type="button" class="addIng" value="+"></li>
> > </ol>
> >
> > Here's the jQ code I have thus far:
> > $(document).ready( function(){
> >     $('#ingList .ingredient .addIng').click( function() {
> >             $('#ingList 
> > .ingredient').clone().appendTo('#ingList:last-child');
> >
> >     });
> > });
> >
> > The goal is that the user would fill the first field then click the "+"
> > button. Then the following would occur:
> >
> > 1) Clone current LI tag
> > 2) Append it to itself.
> > 3) Clear the value from the form field
> > 4) Increment the name value of the form element, ing_01, ing_02, etc.
> > 5) Lastly, remove the plus button from the elemet just previous to the new
> > one.
> >
> > I'm working with various jQ methods but I can't seem to get this working.
> > Does anyone have input on this?
> 
> 
> _______________________________________________
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 




_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Reply via email to