Question

以下代码应该在每个元素.scrollable中添加一些代码。每个元素的内部第一行.scrollable在已存在的内容之前，第二行在已存在的内容之后。

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

相反，所有内容都缺失了。我出了什么问题？

很抱歉这是以前的测试

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

这就是它目前的样子

Answer 1

因为您必须将{ass'替换为<span>arse</span>。

更新

嗯，这不正确：

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

你必须在第一个prependto查询中包含那些结束div，然后如果你想在新创建的div中包含一些东西，只需用jquery调用它们并在你的内部插入你想要的东西

Answer 2

您无法prepend()开始标记和append()结束标记。这些方法仅适用于“完整”元素。

您应该使用wrapInner()代替：

$('.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和appendTo unresulting

2 个答案: