jqueryで複数のクラスを無効にする方法

Question

特定のクラスがボタンに追加されている場合は、ボタン内のすべてのクラスを無効にしたいとします。私はすべてのクラスを無効にしようとしましたが、私は間違いを犯しました。

のjQuery：

if ($('.lgi_btn_cta_toggle').hasClass('lgi_cta_inactive')) { 
$(this).attr("disabled", true); 
} 

HTML

<button data-action="Hyperlink" class="lgi_btn_cta_add add-sub lgi_btn_cta lgi_cta_inactive clearboth"><span>Hey</span></button> 

CSS：

.lgi_btn_cta_remove:after { 
    font-family: "MaterialIcons"; 
    content: "\e14c"; 
    color: #ffffff; 
    font-weight: bold; 
    min-width: 43px; 
    height: 44px; 
    background: #5a9996; 
    position: absolute; 
    margin-top: -9px; 
    margin-left: 17px; 
    border-radius: 50px 18px 18px 50px; 
    padding-top: 10px !important; 

Answer 1

のjQuery < = 1.6

$('.lgi_btn_cta.lgi_cta_inactive').attr('disabled','disabled'); 

のjQuery> 1.6

$('.lgi_btn_cta.lgi_cta_inactive').prop('disabled', true);