jQuery从未选择的其他列表中选择eq目标

Question

不能让“不”起作用。当我单击一个列表时，我希望使用该索引来锁定一个绝对图像列表。存储在列表中的选定背景图像不会淡出，但其余的将消失。被选中的人会留下来。

$('.accordion-item').click(function(){
    var index=$(this).index();
    var rotationImage = $('.image-rotation li');
    rotationImage.not('eq(index)').fadeout;
    rotationImage.eq(index).fadeIn();
});

Codepen：http://codepen.io/rezasan/pen/oLPYVr

Answer 1

好吧，让我看看..。

1. 你应该写:eq()而不是eq()
2. 您必须正确地在“index of :eq()”中转义
3. 这是.fadeOut()而不仅仅是.fadeout

总的来说，其他的一切都很好。:)

$('.accordion-item').click(function(){
    var index = $(this).index();
    var rotationImage = $('.image-rotation li');
    rotationImage.not(':eq('+ index +')').fadeOut();
    rotationImage.eq(index).fadeIn();
});

为了完成这个任务，您甚至可以在一个单链中完成这个任务，而根本不需要not()：

$('.accordion-item').click(function(){
    $('.image-rotation li').fadeOut().eq($(this).index()).fadeIn();
});

工作的例子。 (更新代码)