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

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

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

所以我的问题是：JQuery的。每个都可以用于在分页div中为我的滑块ul中的每个li创建一个按钮链接吗

这是我到目前为止提出的代码：

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

$（“div.brandtile ul.slider li”）。每个（函数（）{
$（“div.button-wrap”）。追加（“”）；
});

我将非常感谢您的帮助！JavaScript/JQuery对我来说还是一种新鲜事物。谢谢

这是HTML（我只包括了一个li，但ul中最多可以有5个）：

大学与职业准备

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

$（“#名称列表li”）。每个（函数（I）{
$('#names-list li').each(function (i) {
 $(this).append("<a href='#'>slide</a>");
});

$（此）。追加（“”）；
});

---

如果您在div.button-wrap中需要与li相同数量的链接，请先更新。那么你的代码就是完美的

第二，如果需要将链接放在li中，那么只需对当前li使用$（this）并在其中附加HTML即可

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

$（“div.brandtile ul slider li”）。每个（函数（）{
$（此）。追加（“”）；
});

我认为最好的方法是缓存slider容器元素，然后设置对slideshow和slideshow导航的引用

对于幻灯片中的每个

li

元素，在滑块导航中添加一个

li

，并使用迭代值自动生成幻灯片编号和

href

值

$(function(){
   var slider = $('#slider');
   var slideshow = slider.find('.slider');
   var slider_nav = slider.find('.slider-nav');

    slideshow.find('li').each(function(i){
        slider_nav.append('<li><a href="#' + ( i + 1 ) + '">Slide ' + ( i + 1 ) + '</a></li>');
    });
});

$（函数（）{
变量滑块=$（“#滑块”）；
var slideshow=slider.find（'.slider'）；
var slider_nav=slider.find（'.slider nav'）；
幻灯片。查找（'li'）。每个（函数（i）{
滑块导航附加（“
”）；
});
});

---

您的代码片段看起来太普通了。您也可以提供一个示例html吗对不起，它应该是

ul.slider

而不是

ul slider

您试过了吗？看起来它应该有用。如果您遇到问题，当您运行代码时会发生什么？它断了吗？JavaScript错误（检查控制台）？等等@ernie我没有收到任何控制台错误，没有任何东西会中断。它只是没有将按钮链接的html添加到div.button-wrapy中。您的代码运行良好（参见此）。在这一点上，最好的猜测是，您实际上并没有每次都运行jQuery。整个街区是什么样子的？你看到的错误情况应该在问题中，而不是在评论中。按钮不在仪表板上。他们应该去和ulThank牌在同一个div.brandtile里的div.button-wrap。这就成功了！它需要一点进一步的CSS样式，但我可以处理。再次感谢！

$(function(){
   var slider = $('#slider');
   var slideshow = slider.find('.slider');
   var slider_nav = slider.find('.slider-nav');

    slideshow.find('li').each(function(i){
        slider_nav.append('<li><a href="#' + ( i + 1 ) + '">Slide ' + ( i + 1 ) + '</a></li>');
    });
});