jQuery的HTML结构附加到Array

时间:2013-12-04 13:21:49

标签: javascript jquery jquery-plugins

之前我见过这样的事情,我忘记给它添加书签了。这是一个插件,希望我知道继续搜索是什么。

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

1 个答案:

答案 0 :(得分:2)

这是你的想法吗?

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

//then all you need to do

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

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