jquery - jQuery追加变量数组

Question

如何从数组中获取一个值并在其中调用它.append()？

在这段代码中，我试图从中提取内容的数组 is titles，并将其附加到带有 class 的列表项中.activeSlide。但是，我UNDEFINED改为悬停。

$(document).ready(function() {
    var titles = ["Title 1", "Title 2", "Title 3"];
    $("#slideshow").before("<ul id='slideshow-nav'></ul>")
    .cycle( {
        fx:                         "scrollVert",
        rev:                            "scrollVert",
        speed:                      600,
        timeout:                    0,
        pagerEvent:             "mouseover", 
        pager:                      "#slideshow-nav",
        pagerAnchorBuilder: function (index) {
            return "<li>" + titles[index] + "</li>";
        }       
    });
     $("#slideshow-nav li").hover(function(index) {
        $(this).parent().children(".activeSlide").append("<a href='#'>" + titles[index] + "</a>");
    }, function () {
        $("a").remove();
    });
});

Answer 1

$("ul li").hover(function () {
    var ind = $(this).index();
    if ($(this).hasClass('activeSlide')) {
        $(this).append("<a href='#'>" + titles[ind] + "</a>");
    }
}, function () {
    $("ul li a").remove();
});

小提琴