jQuery ile birden çok HTML öğesi nasıl oluşturulur?

Question

Yapmaya çalıştığım şey, jQuery'yi kullanarak bir tablo çağrı denetimi oluşturmaktır. Çok sayıda bağlantı ve genişlik içerir. Bunu düz bir dizgi birleştirmeyle yapmayı başardım, ancak jQuery'nin bunu daha zarif yapamayacağına inanamıyorum. jTemplates'i burada kullanamıyorum çünkü bu işlem oldukça yordamsal bir mantığa sahip.

Soru: jQuery ile bir dizi HTML öğesi oluşturmanın ve bunları bir kapsayıcıya eklemenin bir yolu var mı?

Teşekkürler.

Answer 1

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

Answer 2

daima append() yoktur.

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

Sadece muhtemelen en hızlı seçenek dize birleştirme kullanarak ve en az karmaşık olacağını eklemek ve bu gibi geliyor bana.

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

Yaylı Birleştirme (veya Array.join) olup: Bununla birlikte, aşağıdaki (muhtemelen) elementlerin üretimini kolaylaştırmak ve, belirli bir ana elemana bunları eklemek için izin verecek bir yol bir denenmemiş örnektir iyi, güzel yaptığınız sürece;)

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

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