javascript - 向 ul : best way? 追加一个大 li

Question

我有一个包含许多嵌套 div 的 li。我将按如下方式附加到 ul:

     $("ul#List").append('<li><div>....many more nested divs...</li>');

li 的结构与 ul 中的其他 lis 相同，但我必须修改一些元素。

我的问题很简单，我手动写出整个结构是否做错了？

Answer 1

如果它遵循一个模板(带有接受变量的点的标准 HTML)，您可能有一个 build(data) 函数接收您的数据集并构建一个 html 字符串。从长远来看，它将更易于维护，也可重用。

Resig 在这里有他自己的模板 shebang:

http://ejohn.org/blog/javascript-micro-templating/

因此您的函数(与上述链接无关)可能如下所示:

var myObject = {
    name : "Alex",
    occupation : "Developer",
    faveFormat : "JSON"
}

function buildHTML(obj) {
    var name = obj.name;
    var occupation = obj.occupation;
    var faveFormat = obj.faveFormat;

    var resultHTML = [];

    resultHTML.push('<li><div>');
    resultHTML.push("My name is" + name);
    //etc etc
    resultHTML.push('</div></li>');
    var doneHTML = resultHTML.join(" ");
    return doneHTML;
}

试试吧!