HOME > > > >

.template([name])

引数

(string)name
保存するテンプレート名

戻り値

?
テンプレート関数?

jQueryオブジェクトが持つ最初のDOM要素のコンテンツをテンプレートとしてnameという名前で保存する。 .tmpl()jQuery.tmpl()でnameで呼び出すことができる。

サンプル

実行結果

アストロスイッチ

Javascript

  1. $('#template-1').template('switch-template');
  2. $.tmpl('switch-template', [
  3.         { no: 1, name: 'ロケット'},
  4.         { no: 2, name: 'ランチャー'},
  5.         { no: 3, name: 'ドリル'},
  6.         { no: 4, name: 'レーダー'}
  7.     ]).appendTo('.switches ul');

HTML

  1. <div class="jqTest1">
  2.     <script id="template-1" type="text/x-jquery-tmpl">
  3.         <li>[no.${no}] ${name}</li>
  4.     </script>
  5.  
  6.     <div class="switches">
  7.         <h5>アストロスイッチ</h5>
  8.         <ul>
  9.         </ul>
  10.     </div>
  11. </div>