Jquery clone div

Use the following code to clone a div in jQuery:

 $("#clone").click(function(){
 $(".field:first").clone().appendTo("#area");
 });

With the following html:

<div id="area">
 
 <div class="field">
 
 <select class="left">
 <option>Bla bla</option>
 <option>Bla bla</option>
 </select>
 
 </div><!--End field-->
 
 <input type="button" class="right" id="clone" value="+">
 
 </div><!--End area-->
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s