在样式之间切换，例如“粗体文本”活动/非活动按钮

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