Jak utworzyć wiele elementów HTML za pomocą jQuery?

Question

Co próbuję zrobić, to utworzyć kontrolkę tabeli przy użyciu jQuery. Zawiera wiele linków i przęseł. Udało mi się to zrobić z prostym połączeniem ciągów, ale nie mogę uwierzyć, że jQuery nie może uczynić tego bardziej eleganckim. Nie mogę używać jTemplates tutaj, ponieważ generacja ma sporo logiki proceduralnej.

Pytanie: czy istnieje sposób na stworzenie tablicy elementów HTML z jQuery i dołączenie ich do jakiegoś kontenera?

Dzięki.

Answer 1

$('First Element').add($('Second Element')).appendTo($('body'))

Answer 2

Zawsze append().

$('#container').append('<span>foobar baz</span>'); 

Wydaje mi się, że tylko przy użyciu konkatenacji ciągów i dołączenia byłby najmniej złożony i prawdopodobnie najszybszy wariant. Jednak po to niesprawdzone przykładem drodze do (prawdopodobnie) upraszcza tworzenie elementów i pozwalają, aby dołączyć je do danego elementu nadrzędnego:

function elemCreate(type, content, attrs) { 
    /* type: string tag name 
    * content: string element content 
    * attrs: associative array of attrs and values 
    */ 
    elem = '<' + type + '></' + type + '>' 
    e = $(elem).attr(attrs) 
    e.append(content) 
    return e 
} 

stuff = [];  
stuff.push(elemCreate('a', 'Click me!', {'href': 'http://stackoverflow.com'}); 

$(stuff).appendTo($('#container')); 

Answer 3

konkatenacji String (lub Array.join) jest dobrze, o ile sprawisz, że będzie ładny;)

var structure = [ 
    '<div id="something">', 
     '<span>Hello!</span>', 
    '</div>' 
]; 

$(structure.join('')).appendTo(container);