jQuery 相邻兄弟选择器答案

【问题标题】：jQuery adjacent siblings selectorjQuery 相邻兄弟选择器
【发布时间】：2013-02-09 13:07:58
【问题描述】：

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

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

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

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

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

【问题讨论】：

如果左右端卡的长度 > 0 则我们

标签： jquery jquery-selectors

【解决方案1】：

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

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

Example fiddle

【讨论】：

谢谢！整洁、简洁和优雅的解决方案。