作为锚点的Jquery Cycle Div

Question

我正在构建一个页面，其中包含一些可以滑入滑出的内容--使用jQuery Cycle只需几行代码。

我有一个导航的一侧，我想要追加的链接。使用Jquery循环没有问题-我甚至可以指定我想要使用的图像或H3标记。

但是，我想追加幻灯片中的整个div以显示在侧边栏中。我该如何选择这个div？

现在我的代码是：

    $('#servicesWrap').cycle({
    fx: 'scrollLeft',
    speed:  'normal', 
    timeout: 0, 
    pager:  '#servicesSidebar',
    pagerAnchorBuilder: function(idx, slide) { 
    return '<li><a href="#">' + jQuery(slide).children(".serviceButton").eq(0).text() + '</a></li>';

} 

    });

我在另一个堆栈溢出的帖子上发现了PagerAnchorBuilder。它工作得很好，但它只抓取div中的文本。我想获取整个div，如下所示：

    <div class="serviceButton">
   ... Text and images go here...
    </div>

我确信这很简单，我只是不知道jQuery是否足够好来选择整个div。

Answer 1

尝试以下操作：

 return '<li><a href="#">' + $(slide).children(".serviceButton:first")[0].outerHtml + '</a></li>';