javascript - jQuery:使用 .clone() 的方法比下面描述的更简单？

Question

如果在这个页面的控制台中执行

var cloned = $(".question").clone(true);
$(".question").addClass("first");
var clonedStr = cloned[0].outerHTML || new XMLSerializer().serializeToString(cloned[0]);
$(".question").after(clonedStr);

您将克隆该问题(页面上将有两个问题，但第一个问题与 .first 类有关)。这就是我们所需要的。

有没有更简单的方法用 jQuery 来做到这一点？我对上面代码中的第三个字符串感到困惑，并相信它可以更简单。有任何想法吗？谢谢。

Answer 1

如果您不将 HTML 用作字符串，则不要获取它。只需使用 jQuery 对象:

var cloned = $(".question").clone(true);
$(".question").addClass("first").after(cloned);

此外，您可以一行完成:

$(".question").after($(".question").clone(true)).first().addClass("first");