javascript - 使用 jQuery 创建元素，每个元素都不起作用

Question

我有一个动态旋转器，我正在尝试为每个图像创建一个导航按钮。我无法访问后端，因此我必须在加载时使用 jQuery 来执行此操作。

我的想法是，我找到每个 LI 项目并创建一个新项目并将其附加到导航中，但我似乎无法让它工作

http://jsfiddle.net/bc0yu7pg/2/

jQuery

navItem = 0;

$( "li" ).each(function() {
    navLink = '<a href="javascript:void() id="rot' + navItem + '"></a>';
    $('section').append(navLink);
    navItem++;
});

HTML

<section>
        <ul>
            <li>Slide</li>
            <li>Slide</li>
            <li>Slide</li>
        </ul>
        <nav></nav>
</section>

Answer 1

使用 $('section nav') 而不是 $('section')。 试试这个:

navItem = 0;

$( "li" ).each(function() {
    navLink = '<a href="javascript:void()" id="rot' + navItem + '"></a>';
    $('section nav').append(navLink);
    navItem++;
});

<强> DEMO

希望这对你有帮助:)