Scroll Box子弹点中的HTML JQuery显示数组数据

时间:2012-04-18 01:29:43

标签: jquery html scroll

我有一个名为["John", "Jack", "Jill",...]的数组,我想在可滚动的HTML / Jquery文本框中显示它们。即。

  • 约翰
  • 杰克
  • 吉尔 ...

谢谢!

1 个答案:

答案 0 :(得分:0)

制作<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));
});​

And here's a demo.