jquery：复制并粘贴html

嗯，好的，这是缩短的代码

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

我想使用jquery将第一个ul中的内容复制到#菜单中的第一个li中，所以看起来像这样

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

---

因此，成品将是一个2级列表。。。让我知道这是否有意义lol

也许是这样的

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

将在

$（'#hov'）

的所有innerhtml末尾追加

内容

ie在
之后

希望有帮助：）
我知道有.clone（）.appendTo（），但我已经搞乱它两个小时了（很好：）我一直在看它，试图找出在浏览器解释/呈现方面的区别。
$("#hov").append($(".BlockContent ul").clone());

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

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