尝试追加元素后，jQuery停止执行

Question

我的函数应该复制两次元素内部，然后追加它们，但是由于某种原因，jQuery在第一次追加之后停止执行。 我不理解为什么。

$(".testowyUl").prepend(function () {
  var $temp = $(this).children().clone();
  var $temp2 = document.createElement("div");
  $temp2.append($temp);
  $temp2.append($(this).children().clone());
  return $temp2.children();
});

Answer 1

尝试：

var $temp2 = $("<div>");

代替：

var $temp2 = document.createElement("div");

创建一个jQuery对象。 由于DOM元素中没有“附加”方法。

Answer 2

您在非Jquery对象上调用append

$temp2.append($temp);

导致

Object #<HTMLDivElement> has no method 'append'

更新：

你可以尝试使用

var $temp2 = $("div");

代替

var $temp2 = document.createElement("div");

在这里看到一个工作的小提琴