Question

我不确定我是否在问正确的问题。但我的应用程序很大程度上依赖于Javascript和jQuery来创建HTML文档。所以我有很多这个“jQuery（”）然后有很多div.attr（“id”，“123”）。

那么，有没有更好的方法来做到这一点，或者有一些设计模式来处理这个问题？

非常感谢。

Answer 1

是的，jQuery Templates。他们使用jQuery更容易构建html，你可以这样做：

<script id="movieTemplate" type="text/x-jquery-tmpl"> 
    <li><b>${Name}</b> (${ReleaseYear})</li>
</script>

<ul id="movieList"></ul>

<script>
var movies = [
    { Name: "The Red Violin", ReleaseYear: "1998" },
    { Name: "Eyes Wide Shut", ReleaseYear: "1999" },
    { Name: "The Inheritance", ReleaseYear: "1976" }
];

/* Render the template with the movies data and insert
   the rendered HTML under the "movieList" element */
$( "#movieTemplate" ).tmpl( movies )
    .appendTo( "#movieList" );
</script>

得到：

红色小提琴（1998）
Eyes Wide Shut（1999）
继承（1976）

Javascript，jQuery模式来创建HTML文档

1 个答案: