按索引分配属性的最佳方法是什么?

What is the Best way to assign attributes by their index

本文关键字：方法 是什么 最佳 索引 分配 属性      更新时间：2023-09-26

我有一个包装器，它的子包装器都需要特定的位置。

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

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

最后一个子滑块的位置应该是infront，最后一个子滑块的位置应该是behind，其他滑块的位置应该是limbo。

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

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

是否有更好更优雅的方法来实现这一点?

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

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

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

试试这个:

var sliders = $("div.slider").data("position", "limbo");
sliders.last().data("position", "infront");
sliders.eq(-2).data("position", "behind");

EDIT: Using classes:

var sliders = $("div.slider").removeClass("limbo infront behind");
sliders.last().addClass("infront");
sliders.eq(-2).addClass("behind");
sliders.slice(0, -2).addClass("limbo");
相关文章：