Jquery:根据的数量动态添加

Question

我的问题是如何根据 div 的数量添加列表。结果将用于滑动横幅的分页/导航

<div class="panel">
  <section>
    <h2>...</h2>
    <p>...</p>
  </section>      
</div>
<div class="panel">
  <section>
    <h2>...</h2>
    <p>...</p>
  </section>      
</div>
<div class="panel">
  <section>
    <h2>...</h2>
    <p>...</p>
  </section>      
</div>

结果应该是这样的

<ul id="pagging">
  <li><a href="#">nav1</li>
  <li><a href="#">nav2</li>
  <li><a href="#">nav3</li>
</ul>

但对于我们来说，我们希望它在 jquery 中完成。我们的jquery将首先计算div的数量，然后根据div的数量动态添加LI

Answer 1

var divCount = $("div.panel").length;

for(var i=0;i<divCount;i++){
   $("ul#pagging").append($("<li/>").text("nav"+(i+1)));
}

此外，Paging 只有 1 个 g。

http://jsfiddle.net/R8mxg/