javascript - 如何切换 .on ("click") 功能

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; }

JavaScript:

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

演示: http://jsfiddle.net/bz9wnh6m/