JQuery Cycle Div as Anchor

Question

Я строю страницу, на которой есть несколько разделов контента, которые будут скользить и выходить - всего несколько строк кода с циклом jQuery.

У меня есть навигационная система, на которой я хочу добавить ссылки. Нет проблем с циклом 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 на другой StackOverflow пост. Он отлично работает, но только захватывает текст внутри 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>';