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