0

使用 jQuery 将此元素及其子元素添加到 DOM 的最佳方法是什么？假设我需要附加的 div 有一个 id 包装器。

<div id="menu">
<a href="#" id="link1" data-speed="600" data-easing="easeOutBack">About</a>
<a href="#" id="link2" data-speed="600" data-easing="easeOutBack">Updates</a>
<a href="#" id="link3" data-speed="600" data-easing="easeOutBack">Producer</a>
<a href="#" id="link4" data-speed="1000" data-easing="easeInExpo">Performer</a>
<a href="#" id="link5" data-speed="600" data-easing="easeOutBack">Speaker</a>
<a href="#" id="link6" data-speed="1000" data-easing="easeInExpo">Endorser</a>
<a href="#" id="link7" data-speed="1000" data-easing="easeInExpo">Mentor</a>
<a href="#" id="link9" data-speed="600" data-easing="easeOutBack">Press</a>
<a href="#" id="link10" data-speed="600" data-easing="easeOutBack">Contact</a>
</div>

有人愿意帮忙吗？

谢谢，

米尔科

4

6 回答 6

1 
$('<div id="menu">...</div>').appendTo('#wrapper');

请确保第一部分中的 HTML 没有换行符。

于 2012-07-03T13:15:41.080 回答
1 
$('<div id="menu">
<a href="#" id="link1" data-speed="600" data-easing="easeOutBack">About</a>
<a href="#" id="link2" data-speed="600" data-easing="easeOutBack">Updates</a>
<a href="#" id="link3" data-speed="600" data-easing="easeOutBack">Producer</a>
<a href="#" id="link4" data-speed="1000" data-easing="easeInExpo">Performer</a>
<a href="#" id="link5" data-speed="600" data-easing="easeOutBack">Speaker</a>
<a href="#" id="link6" data-speed="1000" data-easing="easeInExpo">Endorser</a>
<a href="#" id="link7" data-speed="1000" data-easing="easeInExpo">Mentor</a>
<a href="#" id="link9" data-speed="600" data-easing="easeOutBack">Press</a>
<a href="#" id="link10" data-speed="600" data-easing="easeOutBack">Contact</a>
</div>').appendTo('#wrapper');
于 2012-07-03T13:16:39.620 回答
1

好吧，你可以使用 soem 方法做 append，但这取决于你想在哪里添加这些元素，看这个：

.append(): http://api.jquery.com/append/ 插入到元素末尾

.prepend(): http://api.jquery.com/prepend/ 插入到元素的开头

我希望它有帮助

于 2012-07-03T13:17:51.873 回答
0

试试这样

$('#menu').append('#yourIdToInclude')
于 2012-07-03T13:14:59.567 回答
0 
$('#menu').appendTo('#elementinwhichtoappend')
于 2012-07-03T13:15:34.240 回答
0

假设目标 div 有一个 idtarget并且你有一个名为的字符串中的 htmlhtml

$("#target").append(html)

于 2012-07-03T13:17:00.247 回答