2011-11-08 68 views
2

HTML元素OOP的風格是有辦法的,而不是做這樣的事情:添加使用jQuery

for (item in list){ 
    $("#myList").append("<option>" + list[item] + "</option>"); 
} 

若要改爲做這樣的事情:

for (item in list){ 
    var option = new option(list[item]); 
    $("#myList").add(option); 
} 

myList是一個下拉選擇在html 。我知道這個例子並不重要,我只是在想如果被追加的東西(<option>)變得更加複雜。

感謝

回答

2

使用Optionselect.add(原生功能):

+0

你能指點我一些可以閱讀'Option'的文檔嗎? –

+0

@TylerDeWitt請參閱:[新選項()](http://www.javascriptkit.com/jsref/select.shtml#section2)。 –

0

我平時做這樣的事情:

var $opt; 
for (item in list) { 
    $opt = $('<option/>').text(list[item]).appendTo('#myList'); 
} 

這是一個明確的,OOP狀,jQuery的類似於做事的方式,還有一個額外的好處,即生成一個將新HTML元素存儲爲jQue的變量ry對象,以供進一步操作。

+0

作爲一個插件,你可以實際做$('

+0

感謝這個想法。我更喜歡其他答案的語法,但我一定會將其保存在工具箱中 –