Javascript Jquery循环Div作为锚

我正在构建一个页面，其中包含一些可以滑入和滑出的内容，只有几行jQuery循环代码

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

但是，我想从幻灯片中添加一个完整的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>';

} 

    });

$（'#servicesWrap'）。循环({
fx:'向左滚动'，
速度：“正常”，
超时：0，
寻呼机：“#服务商”，
pagerAnchorBuilder:函数（idx，幻灯片）{
返回“
”；
} 
});

我在另一个stackoverflow帖子上找到了PagerAnchorBuilder。它工作得很好，但它只抓取div中的文本。我想抓取整个div，看起来像这样：

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

... 文本和图像在这里。。。

我相信这很简单，我只是不知道jQuery是否足以选择整个div。

请尝试以下方法：

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

返回“
”；

仍然返回文本，但如果我在“serviceButton”中放入另一个div，它会抓取它。。