javascript - jQuery - child 的麻烦

Question

我有一个容器，里面有几个 div。一次应该只有一个 div。容器本质上只是 div 的 jQuery slider 。它应该根据您单击的按钮显示和隐藏下一个/上一个 div，但它会在以下行返回错误:

children[current--].show();

我不确定为什么会这样。我正在调用 children (一个数组)然后尝试使用 int-- 访问索引，然后显示它，但它从未显示。

这是一个 jsFiddle:http://jsfiddle.net/n6fW7/1/

HTML:

<div id="container">
<div id="content">
    <div id="prev" class="arrow">></div>
    <div id="next" class="arrow"><</div>
</div>
</div>

jQuery:

$(function(){
    $('#content').append('<div class="box"><p class="title">1</p><p class="text">abc</p></div><div class="box"><p class="title">2</p><p class="text">efg</p></div>');

    var children = $('#content').find('.box');
    var count = children.length;
    var current = 1;
    $('.box').not(children[0]).hide();

    $('.arrow').click(function(){
        var where = $(this).attr('id');
        if(where == 'next'){
            if(current != count){
                current++;
            }
        }
        else{
            // previous
            if(current > 2){
                current--;
            }
        }
        $('.box').hide();
        children[current--].show();
    });
});

Answer 1

在 jQuery 对象中使用索引器返回原始 DOM 元素，其中不包含 show() 函数。您可以使用 eq() 函数代替索引器，它返回一个包装 DOM 元素的 jQuery 对象:

children.eq(current--).show();