トグル効果を持つ要素を追加して削除する

Question

私はこの質問をしています。太字の著者名を次にクリックすると、追加された要素が削除されます（太字と通常のテキストの切り替え）。次のようにこの質問に対する私のソリューションは、次のとおりです。

$('#f-author').click(function(){ 
    if($(this).parent('b').length == 0){ 
     $(this).wrapAll('<b></b>'); 
    } else { 
     $(this).unwrap(); 
    } 
}); 

私は、この問題に対する最善の解決策になるかどうかを知りたいですか？それは私がそれが働くことを期待している方法で動作し、あなたが名前をクリックし続けると太字で太字ではない間を切り替える。

Answer 1

質問の文言を考えれば、それはうまく見えます。実際には、あなたは可能性が高いことになります：

$('#f-author').click(function() { 
    $(this).toggleClass('bold'); //assuming a css style exists of 
           //.bold { font-weight: bold; } 
}); 

または

$('#f-author').click(function() { 
    var fontWeight = $(this).css('font-weight'); 
    fontWeight = (fontWeight === 'bold' ? 'normal' : 'bold'); 
    $(this).css('font-weight', fontWeight); 
});