jquery 이전 또는 다음 요소 선택

prev()

 

next()

 

 

<div>
   <button class="button1">다음 요소의 색을 변경하자. Click me!</button>
   <button class="button2">이전 요소의 색을 변경하자. Click me!</button>
</div>

 

 

// 다음 요소에 대한 색상 변경
$('.button1').click(function() {
   $(this).next().css('color', 'red');
});

// 이전 요소에 대한 색상 변경
$('.button2').click(function() {
   $(this).prev().css('color', 'red');
});

 

 

참고 : https://webisfree.com/2015-02-17/[jquery]-%EC%9D%B4%EC%A0%84-%EB%98%90%EB%8A%94-%EB%8B%A4%EC%9D%8C-%EC%9A%94%EC%86%8C-%EC%84%A0%ED%83%9D%ED%95%98%EA%B8%B0-prev()-next()

[jQuery] 이전 또는 다음 요소 선택하기, prev(), next()