Javascript 如何根据ul li索引值创建简单滑块？

我试图在滑块大图像和它的拇指之间匹配两个

索引
值。当其中一个拇指点击时，我得到它的
index（）
值，并尝试与另一个列表匹配以显示该图像


jQuery:

var thumbs = $('ul.thumbHolder li');
var bigImg = $('ul.imgHolder li');

thumbs.click(function() {
    var target = $(this).index();
    bigImg.fadeOut(300);
    //problem here
    bigImg.index(target).fadeIn(300);
});​

注意：但需要用这种方法解决。
如果必须这样做，我会选择这样的方法：

var thumbs = $('ul.thumbHolder li');
var bigImg = $('ul.imgHolder li');

thumbs.click(function() {
    var target = $(this).index();
    bigImg.each(function(){
        if($(this).index() != target){
            $(this).fadeOut(300);
        }else{
            $(this).fadeIn(300);
        }
    });    
});​

无论如何，如果您想保留代码的逻辑，问题在于最后一行的函数index（），它返回jQuery对象的索引，而不是给定索引的jQuery对象

根据jQuery API，index（）的补充函数是get（），但它只返回DOM元素，因此可以调用fadeIn（）

您需要做的是通过eq（）方法获取jQuery对象：

谢谢你的回信。我对每个方法都进行了如下修改：
var thumbs = $('ul.thumbHolder li');
var bigImg = $('ul.imgHolder li');
thumbs.click(function() {
    var target = $(this).index();

    bigImg.fadeOut(300);

    bigImg.eq(target).fadeIn(300);

});​