2010-04-10 75 views
2

我有一個有很多嵌套div的li。我追加到UL如下:將ul添加到最大的方式?

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

李的結構是一樣的UL中的其他LIS,但我不得不修改一些元素。

我的問題是,我是通過手動寫出整個結構來做錯了嗎?

回答

1

請folllow此,

提供類/身份證要追加

假設要追加

<li id='templi'><div>......</div><li> 

然後

var lihtml = jQuery('#templi').clone(); 

jQuery("ul#List").append(lihtml); 

恢復,如果你李有任何問題,我認爲它的作品

3

如果它遵循一個模板(具有可接受變量的點的標準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; 
} 

試試吧!

相關問題