Jquery 根据div中的元素数量动态生成带编号的html

基本上，我需要找出一个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）{}）

你走对了方向：

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

$（'#滑块dd'）。每个（函数（i，el）{
var n=i+1；
$（“#外部导航”）。附加（“”）；
});

---

（您不应该以数字开头ID，也不应该以数字开头姓名。）

i

从

0

开始。因此，在连接

元素时，必须将其更改为
（i+1）
。谢谢如果你愿意的话，我会跟进：函数后面的i，el。这究竟是什么？当
每个
函数迭代所有匹配元素时，
i
是当前的
索引
，
el
是当前的
dom元素
。