JavaScript のテンプレートエンジン Pure と jQuery - ShobonEngineの日記Ajax で取得した JSON データから、HTML 要素の適切な位置に値をセットしてくれるテンプレートエンジン Pure があります。 これは、JSON データの属性と対応するクラス名を持つ HTML 要素に、値の関連付けを行います。 テンプレート用の DOM 要素として、以下では li#list-template を用います。 また、テンプレート DOM 要素は .hidden クラスで要素が表示されないようにしておきます。 /* CSS */ .hidden { display: none; } <a> 要素のコンテンツに JSON データの name 属性をセットしたい場合、<a class="name"> とします。 また、<a> 要素の href 属性に JSON データの url 属性をセットしたい場合、<a class="url@href"> とします。 <!-- HTML
