jquery - 在样式之间切换，例如 "bold text"事件/非事件按钮

Question

我正在构建一个编辑器，并且具有使文本加粗的功能。但是，如果我标记文本并单击“粗体”按钮，然后再次单击它以删除粗体样式，如何切换该功能呢？

考虑一下，当我“选择”元素时，我就有了变量 selectedID。

HTML:

 <button id='addBold'>Bold</button>

Jquery:

        $("#addBold").on('click', function () {
    $("#container > #"+selectedID).css("font-weight", "bold");
    });

Answer 1

您可以使用 jQuery toggleClass()方法将一个类添加到元素或将其删除(如果已准备好)。

jQuery

$("#addBold").on('click', function () {
    $("#container > #"+selectedID).toggleClass("boldText");
});

CSS

.boldText {
    font-weight:bold;
}