jquery - スクロールボックスの箇条書きにHTML JQueryが配列データを表示する

Question

名前の配列があり、["John", "Jack", "Jill",...]それらをスクロール可能な HTML/Jquery テキスト ボックスに表示したいと考えています。すなわち

• ジョン
• ジャック
• ジル...

ありがとう！

Answer 1

作る<ul>：

<ul id="stuff"></ul>

スクロールできるようにスタイルを設定します。

#stuff {
    height: 200px;
    overflow: auto;
}

アイテムを入れます：

var items = ["John", "Jack", "Jill", "James", "Jacqueline", "Jordan", "Joel", "Jay", "Jim"];

$.each(items, function() {
    $('#stuff').append($('<li>').text(this));
});​

そして、これがデモです。