.on ("클릭") 기능을 토글하는 방법

Question

아래 코드를 참조하십시오. 이 버튼을 클릭하면 텍스트가 굵게 표시됩니다. 나는 같은 버튼을 클릭하여 '보통'과 '굵게'텍스트 사이를 전환 할 수 있기를 원합니다. 내가 어떻게 이걸 얻을 수 있니?

$("#InputsWrapper").on("click", ".boldText", function (e) { 
    e.preventDefault(); 
    $(this).parent().find(".fTypex").css({"font-weight":"bold"}); 
}); 

Answer 1

더 나은 접근 방식은 toggleClass와 클래스를 전환하는 것입니다 :

CSS :

.bold { font-weight: bold; } 

자바 스크립트 :

$('#InputsWrapper').on('click', '.boldText', function(e) { 
    $(this).parent().find('.fTypex').toggleClass('bold'); 
    e.preventDefault(); 
}); 

DEMO :http://jsfiddle.net/bz9wnh6m/

Answer 2

EDITED :

HTML :

<a href="#" class="boldtrigger">Bold</a> 
<div class="text"> Here is the text </div> 

JS : 여기

$(".boldtrigger").click(function() { 
    $(".text").toggleClass("bold"); 
}); 

는 toggleClass() 메소드를 사용하여 2.0 JQUERY 대한 동작 예이다 : http://jsfiddle.net/S9qDD/

환호성!

Answer 3

원하는 것은 .toggleClass() 메소드입니다. 여기 link

과 예를

<script> 
$("#InputsWrapper").on("click", ".boldText", function (e) { 
e.preventDefault(); 
    $(this).parent().find(".fTypex").toggleClass("bold-text"); 
}); 
</script> 
<style> 
.bold-text{ 
    font-weight":"bold; 
} 
</style>