更换 jquery 中的元件

Question

I am beginner in JS. I have Datatable JS. I have this code:

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

This code return:

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

or

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

I want replace after click: 1. When result is

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

• i want replace by

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

2. When result is

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

• i want replace by

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

How can I make it?

Answer 1

If you have fixed Id:

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

else if you can add a class to that <i class='myclickableclass fas...'> then you could use $('.myclickableclass') instead of the $('#30')

Or use your datatable markup like:

$('.datatable td i') instead.