jQuery的：複製和粘貼HTML

嗯確定繼承人縮短代碼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進入第一李毅中#menu所以它看起來像這樣

<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級列表...讓我知道，如果這是馬金感笑

來源

2010-12-14 Alex

我知道有.clone（）。appendTo（），但我已經與它搞亂像2小時 – Alex 2010-12-14 22:30:44

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

來源

2010-12-14 22:48:00 Emmett

這比'.html（）'更好，因爲html不需要再次解析... – 2010-12-14 23:00:18

不錯的一個:)我在看它試圖找出差異是什麼瀏覽器解釋/渲染條款。 – 2010-12-14 23:07:32

也許這樣的事情...

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

來源

2010-12-14 22:32:41 jordanstephens

還是讓我給它一個去 – Alex 2010-12-14 22:33:02

哎呀，現在就來試試吧。 – jordanstephens 2010-12-14 22:34:30

嗯它不能正常工作 – Alex 2010-12-14 22:41:30

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

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

將以$('#hov')所有的innerHTML的末尾添加content。

即在<a href="#">Top Link</a>之後。

希望幫助:)

來源

2010-12-14 22:49:28

jQuery的：複製和粘貼HTML

回答

相關問題