Функция щелчка jQuery не работает (addClass/removeClass)

У меня есть скрытая кнопка отправки. После того, как кнопка показана, предполагается изменить класс двух элементов (используя addClass и removeClass).

Но это не работает, и я не могу понять, почему. Код мне кажется нормальным. Я также пытался использовать toggleClass, и у меня та же проблема.

Пожалуйста, помогите мне это исправить!
Заранее спасибо!

Это код:

$('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>


events click jquery removeclass
person Adrian Suteu    schedule 03.01.2017    source источник
comment
var bkg = $('[data-sel="td'+ id2 +'"]') убрать пробел между "td'+ id2 +'". Закрытие как TYPO   -  person Satpal    schedule 03.01.2017
comment
В этом была проблема. Большое спасибо! Я буду помнить это в будущем!   -  person Adrian Suteu    schedule 03.01.2017
comment
К вашему сведению: var id2 = $(this).attr("data-c"); вы могли бы написать как var id2 = $(this).data("c");   -  person guitarman    schedule 03.01.2017

Ответы (1)


arrow_upward
0
arrow_downward

изменять

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

to

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

с пробелом Jquery не может найти элемент

person Ankush G    schedule 03.01.2017