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

回答

相关问题