Заменить элемент в jquery

Question

Я новичок в JS. У меня Datatable JS. У меня есть этот код:

$('.data-table').on('click', 'td', function () {
 var row = table.row(this).data();
 console.log(row.action);
});

Этот код возвращает:

<I id="12" class="fas fa-plus addItem"></I>

или

<i id="11" class="fas fa-minus removeItem"></i>

Я хочу заменить после щелчка: 1. Когда результат

<I id="11" class="fas fa-plus addItem"></I>

• хочу заменить на

<I id="11" class="fas fa-minus removeItem"></I>

Когда результат

<I id="30" class="fas fa-plus removeItem"></I>

• Я хочу заменить на

<I id="30" class="fas fa-minus addItem"></I>

Как я могу это сделать?

Answer 1

Если у вас есть фиксированный идентификатор:

$('#30').removeClass('fa-plus removeItem').addClass('fa-minus addItem')

, иначе, если вы можете добавить класс к этому <i class='myclickableclass fas ...'>, вы можете использовать $('.myclickableclass') вместо $('#30')

Или используйте разметку данных, например:

$('.datatable td i').