Front/JS & jQuery

[jQuery] .siblings()

오선지♬ 2022. 6. 6. 18:53
728x90
반응형

Syntax

$("선택자").siblings();           // 선택한 요소의 형제요소들을 선택한다.
$("선택자").siblings("선택자");	 // 선택한 요소의 형제 중에 선택자를 이용해 선택한다.

 

Ex

$('.btn-outline-primary').click(function(){

    $(this).siblings().removeClass("active");

    $(this).addClass("active");
});

➡ 클릭한 요소의 형제들을 선택해서 active클래스를 제거해주고 클릭한 요소에 active클래스를 추가해준다.

728x90
반응형