引数
- (String)テンプレート文字列
- (Array|Object)data
- (object)options
- バインドするデータ。ここで設定したデータは.tmplItem()で利用できる。
.tmpl()とほぼ同じ。jQuery関数に渡す時とか便利かな。
サンプル
Javascript
$('<div>', {
html: $.tmpl(
'<p>[<b>NO.${no}</b>] ${name}</p>',
[
{ no: 1, name: 'ロケット', price: 100},
{ no: 2, name: 'ランチャー', price: 200},
{ no: 3, name: 'ドリル', price: 300},
{ no: 4, name: 'レーダー', price: 400}
],
{
tax: function(price) {
return price * 1.05;
}
}
),
class: 'switches'
}).appendTo('.jqTest1').find('p').on('click', function(e){
var item = $(e.target).tmplItem();
alert(item.tax(item.data.price));
});
HTML
<div class="jqTest1">
</div>