JQuery prependTo and appendTo unresulting

Question

The following code is supposed to add some code inside each element .scrollable. Each element should have the first lines inside .scrollable before the already existing content and the second after the already existing content.

$('.scrollable').addClass('tny');
$('<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div><div class="viewport"><div class="overview">').prependTo('.scrollable');
$('arse').appendTo('.scrollable');

Instead all the content is missing. What did I get wrong?

Sorry that was a test from earlier

$('.scrollable').addClass('tny');
                $('<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div><div class="viewport"><div class="overview">').prependTo('.scrollable');
                $('</div></div>').appendTo('.scrollable');

That is how it currently looks

Please provide a fiddle if possible – Ortiga Oct 14 '11 at 14:19 — Ortiga, Oct 14 '11 at 14:19
Sorry should have looked like this. I was testing. – Walrus Oct 14 '11 at 14:25 — Walrus, Oct 14 '11 at 14:25

Jauzsika · Answer 1 · 2011-10-14T14:31:03.967

0

Because you have to replace 'arse' with <span>arse</span>.

update:

well, that's not correct:

$('</div></div>').appendTo('.scrollable');

you have to include those closing divs in the first prependto query, then if you want to include something in those newly created divs, just call them with jquery and insert the stuff you want inside them

edited Oct 14 '11 at 14:31

answered Oct 14 '11 at 14:22

Jauzsika

3,171
3
23
32

Yo momma's so fat, her arse needs its own `` tag. – Blazemonger Oct 14 '11 at 14:28

score 0 · Accepted Answer · answered Oct 14 '11 at 14:36

You cannot prepend() start tags and append() end tags. These methods only work with "complete" elements.

You should use wrapInner() instead:

$('.scrollable').addClass('tny')
                .wrapInner('<div class="viewport"><div class="overview"></div></div>')
                .prepend('<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>');

JQuery prependTo and appendTo unresulting

2 Answers2