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'）的东西。每个（function（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，你不应该用一个数字开始一个名字。）

根据div中有多少元素动态生成编号的html

1 个答案: