Jquery 创建无序列表下拉列表以匹配我的数组-如何?

Jquery 创建无序列表下拉列表以匹配我的数组-如何?,jquery,html,list,unordered,Jquery,Html,List,Unordered,这是我为我的网站创建的一个图库(在一些帮助下)。我想在Next和Back按钮之间合并一个无序列表(以下拉方式),但是,我不知道如何将这样的代码附加到jQuery中。任何帮助都将不胜感激;谢谢 <a href="#" id="back"> Back </a> - <a href="#" id="next"> Next </a></h2></center> <center> <img src='gall

这是我为我的网站创建的一个图库(在一些帮助下)。我想在Next和Back按钮之间合并一个无序列表(以下拉方式),但是,我不知道如何将这样的代码附加到jQuery中。任何帮助都将不胜感激;谢谢

<a href="#" id="back"> Back </a> - <a href="#" id="next"> Next </a></h2></center>
    <center> <img src='gallery/img01.jpg' id='gallery'>
<center><h4><a href="#" id="back"> Back </a> - <a href="#" id="next"> Next </a>

<script> 
    var image = [];
    var num = 0;

    function fillImgList()
    {
        for(var i = 1; i <= 34; ++i)
        {
            image.push("gallery\\img" + (i < 10 ? "0" : "") + i + ".jpg");
        }
    }
    fillImgList();
    $(function()
    {
        $("#next").click(function() { galleryNext(); });
        $("#back").click(function() { galleryPrevious(); });
    });
    function galleryNext()
    {
        num++;
        $("#gallery").attr('src', image[num % image.length]);
    }
    function galleryPrevious()
    {
        num--;
        if(num < 0)
        {
            num = image.length-1
        }
        $("#gallery").attr('src', image[num % image.length]);
    }
</script>
-
- 
var图像=[];
var num=0;
函数fillImgList()
{

对于(var i=1;i您可以做的一件事是使用
insertAfter()
after()
函数。您可以在本例中看到:

在javascript中以字符串形式生成列表,然后将其作为选择器传递给jquery,jquery将创建dom元素并将其放置在选择器之后


有关此函数的文档可在此处找到:

谢谢!您是否知道如何打开insertAfter()呢功能进入下拉列表?我需要允许用户选择要加载的页面。我已将fiddle更新为使用下拉列表,而不是使用UL。您现在将看到上一个和下一个链接之间的下拉列表。这太完美了!非常感谢!