jQuery: duplicar y html pasta

Question

hmm ok aquí está el código acortado

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

quiero usar jQuery para duplicar lo que hay en la primera ul li a la primera en el #menu lo que parece que este

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

por lo que el producto final será una lista de 2 niveles ... quiero saber si esto es de sentido Makin lol

Answer 1

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

Answer 2

tal vez algo como esto ...

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

Answer 3

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

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

añadirá los content al final de todo el innerHtml $('#hov').

es decir después del <a href="#">Top Link</a>.

esperanza de que ayude :)