根據div中有多少個元素動態生成編號的html

Question

基本上我需要弄清楚一個jQuery函數，它將計算有多少個dd，並將具有相應編號散列的相應鏈接追加到＃external-navigation div 。

HTML結構應拉閘這樣的：

<dl id="slider"> 
    <dd> 
    </dd><!--slide one--> 

    <dd> 
    </dd><!--slide two--> 

    <dd> 
    </dd><!--slide three--> 
</dl> 

<div id="external-navigation"> 
    <a href="#1">Slide One</a> 
    <a href="#2">Slide Two</a> 
    <a href="#3">Slide Three</a> 
</div> 

我假定這將使用類似（ 'DD'）每個$（函數（I）{}）; ...。？

Answer 1

你在正確的軌道上：

$('#slider dd').each(function(i,el) { 
    var n = i+1; 
    $('#external-navigation').append('<a href="#slide'+n+'">Slide '+n+'</a> '); 
}); 

http://jsfiddle.net/mblase75/NNWsD/1/

http://api.jquery.com/each/

（你不應該以數字開頭的ID，你不應該啓動名稱帶有數字。）