无法使用OL创建带有jquery的编号列表

时间:2013-07-10 11:03:34

标签: jquery html list html-lists

这是我的代码:http://jsfiddle.net/chc9N/12/

具体来说,我有添加到其中的列表标签:

<ol type="1"></ol>

根据我的阅读,这应该创建像这样的数字列表:

  1. 测试
  2. 测试
  3. 测试
  4. 然而,它只是创建了正常的项目符号,就好像使用了UL标记一样。知道我哪里错了吗?

3 个答案:

答案 0 :(得分:3)

您的ol引用错误,您要将li添加到div#preview而不是ol元素

var list = $('#testy');

演示:Fiddle

答案 1 :(得分:3)

var list = $('#preview');

这应该是

var list = $("#preview > ol");
//or
var list = $("#testy");

在某些时候,您使用list.empty()删除了<ol>。那么您可能不需要type属性。

答案 2 :(得分:1)

检查这个

使用此

var list = $('#testy');

而不是

var list = $('#preview');

http://jsfiddle.net/chc9N/13/