Произошла ошибка.
Пожалуйста, обновите страницу.
Fly.js > Документация > Изменение DOM > $(...).appendTo()

$(...).appendTo()

Вставляет узлы текущей FlyNode в DOM дерево внутрь каждого переданного элемента после всех его детей (в конец).

#Изменение DOM

$(...).appendTo([source], node1, [node2], [nodeN])

                    FlyDomNode: {
                        __constructor: function(context) {
                            var array = fnNodeList.makeDomNodeArray(context);
                            for (var a = 0, al = array.length; a < al; a++) {
                                this[a] = array[a];
                            }
                            this.length = al;
                        },

                        size: function() {
                            return this.length;
                        },

                        get: function(index) {
                            return $.isNumber(index) ? this[index] : [].slice.call(this);
                        },

                        addNode: function(flyNode) {
                            return fnNodeList.changeNodeContext(this, flyNode, function(child, context) {
                                context.indexOf(child) === -1 && context.push(child);
                            });
                        },

                        removeNode: function(flyNode) {
                            return fnNodeList.changeNodeContext(this, flyNode, function(child, context) {
                                var position = context.indexOf(child);
                                if (position !== -1) context.splice(position, 1);
                            });
                        },

                        eq: function(index) {
                            if (index < 0) index = index + this.length;
                            return new this.__self(this[index]);
                        },

                        lt: function(index) {
                            return new this.__self(this.slice(0, index));
                        },

                        gt: function(index) {
                            return new this.__self(this.slice(index));
                        },

                        last: function(selector) {
                            var element = this[this.length - 1];
                            return new this.__self(fnStyle.isMatch(element, selector) ? element : []);
                        },

                        first: function(selector) {
                            var element = this[0];
                            return new this.__self(fnStyle.isMatch(element, selector) ? element : []);
                        },

                        normalize: function() {
                            return fnNodeList.transformNodeContext(this, function(item, context) {
                                if ($.isNode(item)) context.push(item);
                            });
                        },

                        each: function(callback, context) {
                            $.each(this, callback, context);
                            return this;
                        },

                        name: function() {
                            return this[0].tagName.toLowerCase() || null;
                        }
                    }

$(...).appendTo([source], node1, [node2], [nodeN])
Возвращает: FlyNode [$]

Вставляет узлы текущей FlyNode в DOM дерево внутрь каждого переданного элемента после всех его детей (в конец).

source: Boolean !!

Флаг для вставки исходных узлов (без клонирования).

node1: Array [] or FlyNode [$] or Node <> or NodeList [<>] or String ABC

Контейнер для вставки.

node2: Array [] or FlyNode [$] or Node <> or NodeList [<>] or String ABC

Контейнер для вставки.

nodeN: Array [] or FlyNode [$] or Node <> or NodeList [<>] or String ABC

Контейнер для вставки.

По умолчанию в DOM дерево будут вставлены клонированные узлы. Если требуется работать с исходными (переданными в параметрах), нужно выставить флаг source в значение true.

Параметры node1, node2, nodeN... могут быть представлены массивом или коллекцией узлов, одним узлом, объектом FlyNode или селектором (строкой).

Если производится множественная вставка узлов, не забывайте удалять исходные элементы. Для этого отлично подходит метод $(...).remove(), возвращающий удалённые узлы.

Метод $(...).appendTo() очень похож на $(...).append(), только контейнеры и узлы для вставки поменяны местами.

Пример: Вставка узла в конец каждого абзаца.

<!DOCTYPE html>
    <head>
        <meta charset="utf-8"/>
        <title>Fly.js - $(...).appendTo()</title>

        <script src="/scripts/fly.js"></script>
    </head>
    <body>
        <p>Hello</p>
        <p>Hello</p>
        <p>Hello</p>
        <b> world.</b>

        <script>
            $('b').remove().appendTo('p');
        </script>
    </body>
</html>

Пример: Перемещение жирного текста внутрь абзаца.

<!DOCTYPE html>
    <head>
        <meta charset="utf-8"/>
        <title>Fly.js - $(...).appendTo()</title>

        <script src="/scripts/fly.js"></script>
    </head>
    <body>
        <p>I am a paragraph. </p>
        <b>I am a bold text.</b>

        <script>
            $('b').appendTo(true, $('p'));
        </script>
    </body>
</html>