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

Question

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

考虑到当我“选择”元素时我有变量 selectedID 。

HTML：

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

查询：

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