javascript - 通过索引分配属性的最佳方法是什么

Question

我有一个包装器，其中包含所有需要特定位置的子级。

假设我有一个像这样的标记:

<div class="wrapper">
    <div class="slider" data-position=""></div>
    <div class="slider" data-position=""></div>
    <div class="slider" data-position=""></div>
</div>

最后一个子 slider 的位置应为“前”，倒数第二个子 slider 的位置应为“后”，所有其他 slider 的位置应为“边缘”。

演示:http://jsfiddle.net/L5Lpp/1/

我真的不喜欢大量的 if 和 else 语句......

有没有更好更优雅的方法来实现这一点？

Answer 1

您可以获得该项目相对于最后一个项目的索引，并从中计算位置:

var index = currentItem.index() - sliders.length;
currentItem.attr('data-position',
    index == -1 ? 'infront' :
    index == -2 ? 'behind' :
    'limbo'
);

演示:http://jsfiddle.net/L5Lpp/2/