我有一個有很多嵌套div的li。我追加到UL如下:將ul添加到最大的方式?
$("ul#List").append('<li><div>....many more nested divs...</li>');
李的結構是一樣的UL中的其他LIS,但我不得不修改一些元素。
我的問題是,我是通過手動寫出整個結構來做錯了嗎?
我有一個有很多嵌套div的li。我追加到UL如下:將ul添加到最大的方式?
$("ul#List").append('<li><div>....many more nested divs...</li>');
李的結構是一樣的UL中的其他LIS,但我不得不修改一些元素。
我的問題是,我是通過手動寫出整個結構來做錯了嗎?
請folllow此,
提供類/身份證要追加
假設要追加
<li id='templi'><div>......</div><li>
然後
var lihtml = jQuery('#templi').clone();
jQuery("ul#List").append(lihtml);
恢復,如果你李有任何問題,我認爲它的作品
如果它遵循一個模板(具有可接受變量的點的標準HTML),您可能會有一個接受數據集並構建html字符串的函數build(data)
。從長遠來看,這將更容易維護,也是可重複使用的。
Resig的在這裏有自己的模板家當:
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;
}
試試吧!