HOME > > > >

jQuery.tmpl( template [, data] [, options] )

引数

(String)テンプレート文字列
(Array|Object)data
(object)options
バインドするデータ。ここで設定したデータは.tmplItem()で利用できる。

戻り値

jQuery
jQueryオブジェクト

.tmpl()とほぼ同じ。jQuery関数に渡す時とか便利かな。

サンプル

実行結果

Javascript

  1. $('<div>', {
  2.     html: $.tmpl(
  3.               '<p>[<b>NO.${no}</b>] ${name}</p>',
  4.               [
  5.                   { no: 1, name: 'ロケット',   price: 100},
  6.                   { no: 2, name: 'ランチャー', price: 200},
  7.                   { no: 3, name: 'ドリル',     price: 300},
  8.                   { no: 4, name: 'レーダー',   price: 400}
  9.               ],
  10.               {
  11.                   tax: function(price) {
  12.                       return price * 1.05;
  13.                   }
  14.               }
  15.           ),
  16.     class: 'switches'
  17. }).appendTo('.jqTest1').find('p').on('click', function(e){
  18.     var item = $(e.target).tmplItem();
  19.     alert(item.tax(item.data.price));
  20. });

HTML

  1. <div class="jqTest1">
  2. </div>