jQuery 인접 형제 선택기

Question

id = "img1", id = "img13"인 13 개의 형제 이미지가있는 카드 게임이 있습니다. (이미지 만 원은 다른

이미지

위치입니다.. 절대, 그들은 타일 약간 수평으로 중복되어

사용자가 내가 성장 위처럼 번역 할 카드를 클릭

.

지금 내 질문은 : 무엇이 그들을 따라서 물결 효과를 만들어, 중간 크기로 성장할 수 있도록 왼쪽으로 한 카드와 오른쪽으로 한 카드를 선택하는 가장 좋은 방법입니다

? 주의 사항 : 가장 왼쪽의 카드가 선택되면 왼쪽에는 카드가없고 오른쪽에있는 카드에는 카드가 없으므로 오른쪽에 카드가 없습니다.

Answer 1

모든 img 요소가 형제임을 가정하면 next() 및 prev()을 사용하여 이전/다음 형제 요소를 가져올 수 있습니다. 이런 식으로 뭔가 :

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

Example fiddle