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(): 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があり、html という名前の文字列があるとします。html

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

于 2012-07-03T13:17:00.247 に答える