jQuery的每個功能和隊列

Question

我有一個數組：

arr = ['a', 'b', 'c', ... ] 

我希望它是：

<div> 
    <ul> 
    <li>a 
    <li>b 
    <li>c 
    ... 
    </ul> 
</div> 

所以我想：

$('div').append('<ul>'); 
$.each(arr, function() { 
    $('div').append('<li>' + this); 
}); 
$('div').append('</ul>'); 

但不似乎工作......我怎麼排隊呢？

Answer 1

也許你想

$('div').append('<ul></ul>'); 
$.each(arr, function() { 
    $('ul').append('<li>' + this); 
}); 

Answer 2

那麼，問題的一部分是，你永遠關閉李標記，以便儘量

$('div').append('<li>' + this + '</li>'); 

對於初學者...

別的東西，你可以嘗試是函數參數可以有簽名

function(data, i) 

其中data是當前元素，i是count。您可能以更快的速度訪問每個元素。雖然，如果沒有記錯， 「這」 應該在這些情況下，工作...

Answer 3

試試這個：

$('div').append('<ul/>); 
$.each(arr, function() { 
    $('div ul').append('<li>' + this + '</li>'); 
});