Question

我正在尝试从某个div的div中检索完整的html内容（div1-这是一个隐藏的div）并将其包含在另一个div的ul中

 <div id="div1">
      <li><a href="#text3">text3</a> </li>
 </div>
 .
 .
 .
 <ul id='list1'>
     <li><a href='#text1'>text1</a></li>
     <li><a href='#text2'>text2</a></li> 
</ul>

输出应该是这样的

 <ul id='list1'>
     <li><a href='#text1'>text1</a></li>
     <li><a href='#text2'>text2</a></li> 
     <li><a href="#text3">text3</a> </li>
</ul>

我知道这样做，

var tabTemplate = "<li><a href='#{cccc}'>{cccc}</a> </li>";

从list1中找到最后一个li并使用after将li附加到它

var hreftext = $("#div1").find("a").text();
li = $( tabTemplate.replace( /\{cccc\}/g, hreftext ));
lasttabnumber = Math.ceil($("#list1 li").length-1 );
lastTab = $( "#list1" ).find( " li:eq("+lasttabnumber+")" );
lastTab.after(li);

我想避免这种提取和创建，而是从div li中获取值 {＆LT; a href =“＃text3”＆gt; text3＆lt; / a＆gt;}

我试图使用html，text，val，contents，find来检索它，但似乎没有任何工作或我遗漏了一些东西。

请告诉我是否可以。非常感谢。

Answer 1

如果您想移动li，请使用

$('#div1 > li').appendTo('#list1');

如果你想复制它们，

$('#div1 > li').clone().appendTo('#list1');

Answer 2

您可以使用此代码：

jsFiddle

var $item = new $("#div1").find("li>a").parent();
$("#list1").append($item);

获取包含<a> tag</a>的li内容

2 个答案: