Добавление элементов с помощью jQuery

Question

Как лучше всего добавить этот элемент и его дочерние элементы в DOM с помощью jQuery? Допустим, что у div, который мне нужно добавить, есть id id wrapper.

<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>

Кто-нибудь хочет помочь?

Спасибо,

Mirko

Answer 1

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

Просто убедитесь, что HTML в первой части не имеет разрывов строк.

Answer 2

$('<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');

Answer 3

Ну, вы можете использовать метод soem do append, но это будет зависеть от того, где вы хотите добавить эти элементы, посмотрите это:

.append(): http://api.jquery.com/append/ Вставить в конец элемента

.prepend(): http://api.jquery.com/prepend/ Вставить в начало элемента

Я надеюсь, что это помогает

Answer 4

$('#menu').appendTo('#elementinwhichtoappend')

Answer 5

Попробуй вот так

$('#menu').append('#yourIdToInclude')

Answer 6

Предположим, что целевой div имеет идентификатор target и у вас есть HTML в строке с именем html

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