jQuery相邻的兄弟选择器

Question

我有一张13张兄弟图片的纸牌游戏，id =“img1”，通过id =“img13”。 （只有图像来源不同。

图像是位置：绝对的，它们是平铺的并且水平地略微重叠。

当用户点击一张卡片时，我会让它成长并像上面那样翻译。

现在我的问题是：在左边选择1张卡片，在右边选择1张卡片以使它们长到中等大小的最佳方法是什么，从而产生波浪效果？

警告：当选择最左边的cad时，左边没有卡，右边卡也没卡：右边没有卡。

Answer 1

假设所有img元素都是兄弟，您可以使用next()和prev()来获取上一个/下一个兄弟元素。像这样：

$('.img').click(function() {
    $('.img').removeClass('current sibling');
    $(this).addClass('current').prev().addClass('sibling');
    $(this).next().addClass('sibling');
});

Example fiddle