javascript - 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");

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