javascript - 可以使用 JQuery .each 函数为 ul 中的每个 li 创建链接吗？

Question

我一直在尝试创建一个在右上角有分页按钮的滑动横幅。我正在尝试编写一些 JQuery，为无序列表 (ul) 中的每个列表项 (li) 在分页中创建一个按钮。

我做了一些研究并发现了 JQuery 的 .append，据说它可以创建我需要的 HTML 按钮链接来填充包含我的分页按钮的 div。

所以我的问题是:可以使用 JQuery 的 .each 在分页 div 中为我的 slider ul 中的每个 li 创建一个按钮链接吗？

这是我到目前为止想出的代码:

$("div.brandtile ul.slider li").each(function () {
    $("div.button-wrap").append("<a href='#'>slide</a>");
});

我将不胜感激对此的一些帮助! JavaScript/JQuery 对我来说还是个新东西。谢谢!

这是 HTML(我只包含了一个 li，但 ul 中最多可以有 5 个):

<div class="brandtile">
    <div class="button-wrap"></div>
    <ul class="slider">
        <li style="background-image: url('/Image Library//brandtiles/brandtile1.jpg');">
            <div class="description">
                <h3>College and Career Readiness</h3>
                <a href="#">Learn More</a>
            </div>
        </li>
    </ul>
</div>

我正在尝试获取它，以便 JQuery 在 div.button-wrap 中为 ul 中的每个 li 创建一个链接。

Answer 1

$('#names-list li').each(function (i) {
 $(this).append("<a href='#'>slide</a>");
});

JSFIDDLE DEMO

已更新 JSFIDDLE DEMO