div内の要素数に基づいて番号付きHTMLを動的に生成

Question

基本的には、そこにいくつのddがあるのか​​をカウントし、適切に番号付きのハッシュを1つ追加するjQuery関数を＃external-navigation div 。

HTML構造は次のように巻き上げる必要があります：私はこれが（D-D ''）$のようなものを使用すると仮定してい

<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> 

各（関数（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を始めることになっていない、とあなたが開始するべきではありません