複雑なjQueryテンプレート

Question

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> 

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

Answer 1

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

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