jQuery点击功能不起作用(addClass / removeClass)

Question

我有一个隐藏的提交按钮。显示按钮后，它应该更改两个元素的类（使用 addClass 和 removeClass）。

但这行不通，我不知道为什么。代码对我来说似乎很好。我也尝试使用切换类，但我有同样的问题。

请帮我解决这个问题！
提前感谢！

这是代码：

$('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 + '"]');

自

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

有了空格，Jquery找不到元素