Question

见下面的代码。单击时，这将使文本变为粗体。我希望能够在＆＃39; normal＆＃39;之间切换。并且＆＃39;大胆＆＃39;单击相同按钮的文本。我怎么能做到这一点？

$("#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();
});

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

Answer 2

编辑：

HTML：

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

JS：

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

以下是使用toggleClass（）方法的JQUERY 2.0+的工作示例：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>

如何切换.on（“点击”）功能

3 个答案: