jquery - jQuery 相邻兄弟选择器

Question

我有一个纸牌游戏，有 13 个兄弟图像，id="img1" 到 id="img13"。（只是图片来源不同。

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

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

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

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

Answer 1

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

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

示例小提琴