簡單的傳送帶更新其導航按鈕與內容項的數量

Question

我想要做一個傳送帶更新導航按鈕根據content元素中的列表項。

<div id="content" class="content"> 
     <div>Something goes here</div> 
     <div>Something goes here</div> 
     <div>Something goes here</div> 
     <div>Something goes here</div> 
    </div> 

然後導航按鈕自動更新。

<ul id="page_number" class="page_number"> 
<li>1</li> 
<li>2</li> 
<li>3</li> 
</ul> 
    </div> 

問題是，這些導航項目不應是靜態這裏，這些應該作爲內容項更新在DOM創建更新。

Answer 1

不知道你做過嘗試，但我會做的是

算上＃內容，結果發現孩子div的數量：一旦你定義的div的號碼，您可以

var divcount = 0; 

divcount = $("#content div").length; 
}); 

然後只需要使用數量（divcount）爲分頁創造個人「導航項目」（鏈接）：

$("#content div").each(function(i) { 
    $("#content").append("<li>" + i + "</li>"); 
}); 

它可以簡化，我敢肯定，但你的基本思路。希望這可以幫助。

例如：working demo fiddle