JQuery实现通过点击标题切换字体

Posted 2020-09-07 pfr

这个主要通过判断被点击的元素的子元素中是否包含了b元素来进行字体的切换，其中wrapInner函数是为了在$author元素的内部添加b标签。

切换回正常字体是通过将内容转化为纯文本形式，再替换元素内容来实现的。

$(‘#f-author‘).css(‘cursor‘,‘pointer‘);
$(‘#f-author‘).click(function(event){
    var $author = $(this);
    if(!$author.children().is(‘b‘)){//子元素没有b            
        $author.wrapInner(‘<b></b>‘);//包含在$author里面
    }
    else{
        var text = $author.text(); //纯文本
        $author.text(text);
    }
});