HTML-структура для jQuery append с массивом

Question

Я видел такую ​​вещь раньше, и я забыл ее пометить. Это был плагин для чего-то, хотелось бы знать, для чего нужно продолжать поиск.

В любом случае мне нужно научиться создавать структуру HTML в jQuery с помощью массива. Я помню, что парень, который сделал плагин, который я видел, использовали следующие:

var struct = []; 

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

Я попробовал это, но я не могу figureout, как создать такую ​​вещь и добавить его в тело. Я всегда создаю структуру по умолчанию, подобную этой.

$("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 он добавляет дела до массива, наконец, он присоединяет его вы можете сделать document.body.appendChild, если вы хотите, чтобы пройти через чисто JS. Вы можете просмотреть этот jsfiddle - Click!