根据.size()结果创建一个新列表

时间:2014-01-04 03:48:45

标签: jquery html list dom

使用Jquery,我想根据.size()的结果创建一个新列表;然后将列表项链接到协调链接号

示例是.size();返回4,我想要一个类似

的新列表
<ul id="jquery-generated-list">
  <li><a href="#link-to-first-verse">Link 1</a></li>
  <li><a href="#link-to-second-verse">Link 2</a></li>
  <li><a href="#link-to-third-verse">Link 3</a></li>
  <li><a href="#link-to-fourth-verse">Link 4</a></li>
<ul>

这样做的原因是为书籍经文创建一个跳转菜单。

<ul id="original-list">
  <li>List Item One</li>
  <li>List Item Two</li>
  <li>List Item Three</li>
  <li>List Item Four</li>
</ul>

谢谢!

1 个答案:

答案 0 :(得分:0)

var i, len=/*result of .size()*/;

$('body').append('<ul class="jquery-generated-list"></ul>');

for(i=0;i<len;i++) {

    $('.jquery-generated-list').append('<li></li>');

}

这是一个快速示例,展示了如何使用循环追加多个元素。要拥有自定义href等,您需要根据函数的返回值添加这些内容。如果您提供更多信息(包括 .size()方法的当前实现),我可能会帮助您找到更好的解决方案。