javascript - jQuery 的 HTML 结构附加数组

Question

以前见过这样的东西，忘记收藏了。它是某种插件，希望我知道继续搜索的目的是什么。

无论如何，我需要学习如何使用数组在 jQuery 中创建 HTML 结构。我记得那个制作我见过的插件的人使用了以下内容:

var struct = [];

.join(), .pop(), .push()

我尝试了这些，但我不知道如何创建这样的东西并将其附加到正文中。我总是创建这样的默认结构。

$("body").append(//->
  '<div class="daBox-outer">' +
    '<div class="daBox-inner">' +
      '<div class="daBox-top" />' +
      '<div class="daBox-bottom" />' +
    '</div>' +
    '<div class="daBox-overlay" />' +
  '</div>'
//<-
);

请如果有人知道如何使用数组制作这样的结构，请通过示例告诉我!链接重定向到任何具有 jQuery 数组结构的插件也是受欢迎的，所以我可以从中学习。

Answer 1

这是你的想法吗？

var structure = [];
var mydiv = document.createElement("div");
mydiv.className="myClass";
structure.push(mydiv);

//then all you need to do

$("body").append(structure);

它的作用:它创建新的元素 div 它将 div 添加到数组最后它追加它如果你想通过纯 js 你可以做 document.body.appendChild。您可以查看此 jsfiddle - Click!