comment ajouter html à un objet cloné

Question

J'ai cloné du code HTML et je veux ajouter du code html avant de l'ajouter au div parent. Comment puis je faire ça?

<div class="center"> 
    <div class="row-fluid"> 
     <div class="span3"> 
      <select class="chosen-select" id="form-field-select-3"> 
       <option value="">Text</option> 
       <option value="AL">Department</option> 
      <option value="AK">City</option> 
       <option value="AZ">State</option> 
       <option value="AR">Country</option> 
       <option value="CA">Industry</option> 
     </select> 
     </div> 
    </div> 
</div> 

code JS:

var clone_search = $('.row-fluid .chosen-select').last().clone(); 
$('.center').append('<div class="row-fluid"><div class="span3">'); 
$('.center').append(clone_search); 
$('.center').append('</div>'); 

Answer 1

Il semble que vous voulez envelopper l'élément cloné avec un autre élément, vous pouvez utiliser la méthode .wrap():

$('.row-fluid .chosen-select') 
    .last() 
    .clone() 
    .wrap('<div class="row-fluid"><div class="span3"/></div>') 
    .appendTo('.center'); 

Notez que vous devez changer l'ID de l'élément cloné sinon votre balisage devient invalide. Aussi pourquoi ne pas cloner le div.row-fluid si vous voulez générer la même structure?

$('.row-fluid').first() 
       .clone() 
       .find('.chosen-select') 
       .prop('id', 'something_else') 
       .end() 
       .appendTo('.center');