如何將html附加到克隆的對象

Question

我已經克隆了一些html，並且希望在追加到父div之前附加一些html。我怎樣才能做到這一點？

<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> 

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

看來你想換用其它元素克隆元素，你可以使用.wrap()方法：

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

注意，你應該更改ID的克隆元素，否則你的標記變得無效。如果你想生成相同的結構，爲什麼不克隆div.row-fluid？

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