토글 클릭 질문 채택완료

개발자가 아니다보니...궁금한점이 있어 질뮨을 하나 남깁니다.

W3Schools Tryit Editor

여기처럼 토글클릭으로 아이콘이 변경되도록 스크립트가 있는데요.

최초에 

<i class="fa fa-sort" aria-hidden="true"></i>

이게 먼저 보인 후 클릭을 하면 위의 토글이 적용되록 하려면

스크립트를 어떻게 짜야 하나요?

답변 2개

채택된 답변
+20 포인트

최초 i 태그에서 아이디를 지정후에 

클릭 이벤트 바인딩해서 해보세요 아래처럼요 

응용하면될거에요

if($('#test').hasClass('fa-sort')) {

$('#test').removeClass('fa-sort');

$('#test').addClass('fa-sort2');

}

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

<i class="fa fa-sort" aria-hidden="true" onclick="myFunction(this)"></i>

함수는 그 링크안에 있는거 가져와서 쓰고요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고