jQueryのクリック機能が動作しません（addClass/removeClass）

Question

私は隠しボタンを送信しています。ボタンが表示された後、（addClassとremoveClassを使用して）2つの要素のクラスを変更することになっています。

しかし、それは動作しないと私は理由を理解することはできません。コードは私にとってはうまくいくようです。 私もtoggleClassを使用しようとしましたが、私は同じ問題があります。

この問題を解決してください。
ありがとうございます！

これはコードです：

var bkg = $('[data-sel="td' + id2 + '"]'); 

へ

$('input[data-act="save"]').click(function(e) { 
 
    e.preventDefault(); 
 
    var id2 = $(this).attr("data-c"); 
 
    var bkg = $('[data-sel="td ' + id2 + '"]'); 
 
    $(bkg).addClass("bg-color-fin"); 
 
    $(bkg).removeClass("bg-color"); 
 
});

.bg-color { 
 
    color: #ffffff; 
 
    background-color: #329af0; 
 
    text-shadow: 0 1px 0.5px #000000; 
 
} 
 
.bg-color-fin { 
 
    color: #ffffff; 
 
    background-color: #37b24d; 
 
    text-shadow: 0 1px 0.5px #000000; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td data-sel="td1" class="text bg-color title2 border-bot" colspan="4"> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td data-sel="td1" colspan="4" class="text bg-color"> 
 
     <div data-id="icn"> 
 
     <span class="title2"> I. Details</span> 
 
     <span data-sel="sel1" class="r-float r-pad tiny-txt3">0/1</span> 
 
     <input data-sel="sel1" data-c="1" data-act="save" class="inv r-float btn2 btn2-save btn-right" type="submit" value="Salveaza" target=""> 
 
     </div> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 1

変更

var bkg = $('[data-sel="td ' + id2 + '"]'); 

スペースで、jQueryのことができます要素を見つけられません