jQuery 循环 pagerAnchorBuilder

我正在使用 Cycle 插件在新闻旋转器中使用。这意味着我使用 Div 来填充幻灯片而不是图像。

我的最终目标是制作一个寻呼机，而不是通常的 1、2、3、4 等，而是返回幻灯片中的第一个 H3 标签。

我知道这可能是一个小选择问题，但这是我到目前为止使用的：

$('#scroll_wrap').cycle({
        fx: 'fade',
        pager: '#pager',
        pagerAnchorBuilder: function(idx, slide) { 
                return '<li><a href="#">' + slide.children("h3").textContent + '</a></li>';
        }

我也尝试过这样的事情：

    $('#scroll_wrap').cycle({
    fx: 'fade',
    pager: '#pager',
    pagerAnchorBuilder: function(idx, slide) { 
            var h3 = $('div',slide).children('h3');
            return '<li><a href="#">' + slide.h3 + '</a></li>';
    }

正如你可能知道的那样，我仍然是一个初出茅庐的人。 :/

谁能帮我选一下吗？？

将 pagerAnchorBuilder 函数中的一行更改为：

return '<li><a href="#">' + jQuery(slide).children("h3").eq(0).text() + '</a></li>';

需要改变三件事：

幻灯片 => jQuery(幻灯片)
因为 jQuery 不会使用其辅助函数扩展元素，除非您告诉它这样做。这是 jQuery 没有扩展原生原型（如 Element）的一个不幸的副作用。这意味着您必须使用 jQuery(x) 包装代码中的每第三个内容。

孩子（“h3”）=>孩子（“h3”）.eq（0）
因为选择器返回匹配的对象数组，所以您应该在执行选择器之后获取第一个对象，否则链中的以下方法调用将作用于元素集。 Jquery 应该提供像 .firstChild("h3") 这样的东西。

文本内容 => .text()
textContent 是 mozilla 的东西，在某些浏览器上不起作用。此处使用 jQuery 的 .text() 方法。在这种情况下，jQuery 没有做错任何事。