0

使用できることを理解しています：

var ele = "<div></div>";
$('body').append(ele);

ただし、すべてのHTMLが引用符で囲まれているため、これはプレーンHTMLほど柔軟ではありません...

jQuery-templを見たので、次を使用できます。

<script id='tmpl' type='text/html'>
    <div>test</div>
</script>
<script>
    $.tmpl('#tmpl').appendTo('body');
</script>

これは良いことですが、このプロジェクトはもう継続していません（これはとても便利ですが！）

それに似たものはありますか？

4

3 に答える 3

2

何かテンプレートエンジンが必要です。次に、ここにリストがあります。

  1. KnockOutJS KnockOut JS
  2. HandlerBar HandleBar JS
  3. 口ひげ口ひげ

または、要件に基づいて独自のテンプレートエンジンを選択することもできます。テンプレートチューザー またはこのリンクからテンプレートチューザー

于 2013-02-15T04:45:07.857 に答える
2

非常に軽量なアンダースコアライブラリには、テンプレート関数があります。これにより、erbスタイルを使用<% %>してjavascriptコードをインライン化することもできます。

また、John Resig（jQueryクリエーター）は、ライブラリーを呼び出さなくてもコードにドロップできるマイクロテンプレート関数を作成しました。

于 2013-02-15T04:47:18.587 に答える
1

ライブラリを使用せずにこれを行うこともできます（純粋なJS）（デモ）

var list = [
        'item1',
        'item2',
        'item3'
    ],
    tmpl = '<li>{item}</li>',
    i, t = '';

for (i = 0; i < list.length; i++) {
    t += tmpl.replace(/\{item\}/g, list[i]);
}
document.getElementById('list').innerHTML = '<ul>' + t + '</ul>';
于 2013-02-15T04:54:04.200 に答える