《jQuery、jQuery UI及jQuery Mobile技巧與示例》——3.9 技巧：使用jQuery動态生成HTML

本節書摘來自異步社群《jquery、jquery ui及jquery mobile技巧與示例》一書中的第3章，第3.9節，作者：【荷】adriaan de jonge , 【美】phil dutson著，更多章節内容可以通路雲栖社群“異步社群”公衆号檢視

在前面的例子中，html幾乎都是直接用文本字元串生成的。其實還可以使用jquery來生成html。傳入屬性映射（property map）對象作為html元素的屬性（attribute），在映射對象中可以嵌套html元素作為子元素。代碼清單3-9示範了如何使用這種方式來生成html。

代碼清單3-9　使用jquery建構無序清單

在這個例子中，第26～28行是“生成”html的函數。第32行引用了這個函數，它是會自動執行的。第30～32行的這種嵌套方式能夠以一種更加動态的方法建構html元素。第31行的class的值可以是變量，可以按條件替換。