jQuery毗邻兄弟姐妹选择器

Question

我有一个ID =“img1”到ID =“img13”的13个兄弟姐妹图像的纸牌游戏。 （仅图像源是不同

的图像是位置：绝对的，它们是瓷砖和水平略微重叠

当用户点击一个卡I使其成长和平移像以上。

现在我的问题是：什么是选择1卡在左，1卡的权利，使他们成长为中等尺寸，因此形成了波浪效果的最佳途径

？警告：当选择最左侧的卡时，左侧没有卡，右侧卡也是一样：右侧没有卡。

Answer 1

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

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

Example fiddle