jQuery: çoğaltmak ve yapıştırma html

Question

hmm tamam heres kısaltılmış kod

ben bu

benziyor böylece #menu ilk li içine ilk ul whats çoğaltmak için jquery kullanmak istiyorum

<div id="SideCategoryList"> 
     <div class="BlockContent"> 
      <ul> 
       <li><a href="#">Link A</a></li> 
       <li><a href="#">Link B</a></li> 
      </ul> 
     </div> 
    </div> 
    <div id="navcont"> 
    <ul class="menu" id="menu"> 
     <li id="hov"><a href="#">Top Link</a></li> 
     <li><a href="#">Bottom Link</a></li> 
    </ul> 
    </div> 

<div id="SideCategoryList"> 
     <div class="BlockContent"> 
      <ul> 
       <li><a href="#">Link A</a></li> 
       <li><a href="#">Link B</a></li> 
      </ul> 
     </div> 
    </div> 
    <div id="navcont"> 
     <ul class="menu" id="menu"> 
     <li id="hov"><a href="#">Top Link</a> 
      <ul> 
       <li><a href="#">Link A</a></li> 
       <li><a href="#">Link B</a></li> 
      </ul> 
     </li> 
     <li><a href="#">Bottom Link</a></li> 
     </ul> 
    </div> 

böylece bitmiş ürün bu makin anlamda lol

Answer 1

$("#hov").append($(".BlockContent ul").clone()); 

Answer 2

belki böyle bir şey ...

ise bana bildirin ... 2 düzeyli liste olacak

var copied_html = $('#BlockContent').html(); 
copied_html.insertAfter($('#menu li#hov a')); 

Answer 3

var content = $('#BlockContent').html(); 

$('#hov').append(content); 

$('#hov') tüm innerHTML sonunda content ekler.

ie <a href="#">Top Link</a>'dan sonra. yardımcı olur :)