jQuery的HTML结构追加数组

HTML Structure for jQuery append with Array

本文关键字：追加 数组 结构 HTML jQuery      更新时间：2024-03-22

我以前见过这样的东西，但我忘了给它加书签。这是一个插件，希望我知道它是用来继续搜索的。

无论如何，我需要学习如何使用数组在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数组结构的插件也是受欢迎的，所以我可以从中学习。

这就是你的想法吗？

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-点击！

相关文章：