jQueryで複数のHTML要素を作成するには？

Question

私がしようとしているのは、jQueryを使ってテーブルポケベルコントロールを作成することです。 多くのリンクとスパンが含まれています。私は平易な文字列の連結でこれを行うことができましたが、jQueryがこれをもっとエレガントにすることはできません。 jTemplateを使用することはできません。なぜなら、生成にかなりの手続き型ロジックがあるからです。

質問：jQueryでHTML要素の配列を作成し、それをいくつかのコンテナに追加する方法はありますか？

ありがとうございました。

Answer 1

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

Answer 2

append()は常にあります。

文字列連結と追加を使用すると、最も複雑ではなく、おそらく最も速いオプションになると思われます。

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

文字列連結（またはArray.join）されています。しかし、次は（間違いなく）要素の作成を簡素化し、あなたが指定された親要素にそれらを追加することができますへの道のテストされていない例です。あなたがきれいにしている限り）;