jQuery 创建整个 DOM 结构

Question

        /* TOP TABLE */
        var divTop = $('<div>', {
            className: "dynamicTableTop",
            html: '<p>' + options.name + '</p>'
        }).appendTo(obj);

        //Create  div
        var divAO = $('<div>', {
            className: "advancedOptions"
        }).appendTo(divTop);

        //Create Advanced Options link
        $('<a>', {
            href: "#",
            className: "linkAdvancedOptions",
            text: "Advanced Options",
            click: function () {
                $('.advancedOptionsPicker').slideToggle(300);
            }
        }).appendTo(divAO);

        $('<div>', {
            className: "advancedOptionsPicker"
        }).appendTo(divAO);

        var dynamicTable = $('<div>', {
            className: "dynamicTable"
        }).appendTo(obj);

所以在上面的代码中我创建了一个完整的 DOM 结构。我创建了一个名为 divTop 的 div 和一个名为 divAO 的 div，然后追加到 divTop。我创建一个 anchor ，然后追加到 divAO。这确实有效。所以我的问题很简单，你们会这样做吗？这是最好/最快的方法吗？

Answer 1

这很好用，但如果这个结构永远不会改变，你最好把它写在你的 HTML 中，不是吗？