Làm cách nào để tạo nhiều phần tử HTML với jQuery?

Question

Điều tôi đang cố làm là tạo một điều khiển máy nhắn tin bảng bằng jQuery. Nó chứa rất nhiều liên kết và nhịp. Tôi đã quản lý để làm điều này với nối chuỗi đồng bằng, nhưng tôi không thể tin rằng jQuery không thể làm cho điều này thanh lịch hơn. Tôi không thể sử dụng jTemplates ở đây vì thế hệ có khá nhiều logic thủ tục.

Câu hỏi: có cách nào để tạo một mảng các phần tử HTML với jQuery và thêm chúng vào một số vùng chứa không?

Cảm ơn.

Answer 1

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

Answer 2

Luôn luôn có append().

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

Dường như với tôi rằng chỉ cần sử dụng nối chuỗi và nối thêm sẽ là tùy chọn ít phức tạp nhất và có thể là nhanh nhất. Tuy nhiên, đây là một chưa được kiểm tra ví dụ về một cách để (cho là) ​​đơn giản hóa việc tạo ra các yếu tố, và cho phép bạn thêm chúng vào một yếu tố phụ huynh đưa ra:

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

String nối (hoặc Array.join) được tốt, miễn là bạn làm cho nó đẹp;)

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

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