jquery - jQuery 附加到 jQuery 变量而不是 DOM 元素

Question

是否可以附加到 jQuery 变量？

像这样$($tnail).appendTo($collection);

我需要优化代价高昂的 DOM 修改，并且想一次性完成。

像这样的东西：

    var $collection;

 $.each(items, function (i, item) {

        var $tnail = $("<div></div>");

        $($tnail).appendTo($collection);

    });

    $($collection).appendTo("#Container");

Answer 1

是的！你只需要确保$collection是一个 jQuery 对象：

var $collection = $('<x/>');

$.each(items, function (i, item) {

    var $tnail = $("<div></div>");

    $tnail.appendTo($collection);

});

$($collection.html()).appendTo("#Container");

您还有 2 位在其中将 jQuery 对象包装在新的 jQuery 调用中：$tnail已经是 jQuery 包装的 div，因此它已经具有该appendTo方法。更多性能优势！

编辑：正如凯文指出的那样，你不能附加到一个空的 jQuery 对象。在内部，jQuery 使用空文档片段，但它不会通过它的 API 公开它。所以我改变了我的解决方案来创建一个虚拟元素，然后只将其内容附加到#Container.

Answer 2

您实际上并不想将元素附加到 $collection，而是要将它们添加到其中。

var $collection = $(); // must be a jquery object
$.each(items, function (i, item) {

    var $tnail = $("<div></div>");

    // add to collection
    $collection.add($tnail);

});