複雑なjQueryテンプレート

jQueryテンプレートの使用は、単純なデータ構造では簡単です。複雑なjQueryテンプレート

<script type="jquery/x-jquery-tmpl" id="myTemplate"> 
    <li> ${Element} </li> 
</script> 

var elements = [ 
    { Element: "Hydrogen" }, 
    { Element: "Oxygen" }, 
    { Element: "Nitrogen" } 
]; 

$("#elementsPlaceholder").replaceWith($("#myTemplate").tmpl(elements));

もっと複雑なデータのテンプレートが必要な場合は、次のようなもの：

<script type="jquery/x-jquery-tmpl" id="myTemplate"> 
    <div> ${Molecule} </div> 
    consists of: 
    <ul> 
     <li> ${Element} </li> 
    </ul> 
</script>

どのようにデータを適用できますか？出来ますか？私に例を教えてもらえますか？

出典

2011-09-13 Agzam

<ul> 
    <li> ${Element} </li> 
</ul>

$("#elementsPlaceholder").replaceWith($("#myTemplate").tmpl({ 
    Molecule: ... 
    Elements: [{ Element: "Hydrogen" }, ...] 
}))

出典

2011-09-13 16:45:33

待ち時間が...私はそれを取得できませんでしたあなたは分子との両方の要素を渡し、その後{{each}}

<ul> {{each Elements}}<li>${$value.Element}</li> </ul>

とを使用する必要があります..あなたが送ってください可能性私に例のリンク – Agzam

@Agzam、ここにたくさんの例があります：http://api.jquery.com/template-tag-each/ –

@Agzam、よろしくお願いします。ハッピーテンプレート。 –

複雑なjQueryテンプレート

答えて

関連する問題