Как изменить значения для всех td: nth-of-type (4)

Question

Я пытаюсь изменить значение для 4-го столбца, которое означает td: nth-of-type (4), с новым значением "R $ 0". Мне нужно сделать это только для тех заказов, статус которых отменен. Последний столбец td: nth-of-type (9), а также у меня есть диапазон с классом.

Вот PrtSc с таблицей https://i.gyazo.com/91a4cc3b38e71ce73a5ebfc809a692d6.png

Код последней колонки <td><span class="status-cancelled">Cancelled</span></td>

Answer 1

Вы на самом деле могли бы сделать это без jQuery?

rows = document.querySelectorAll(".table tbody tr");
Object.keys(rows).forEach(function (key){
        if (rows[key].lastElementChild.innerText == "Cancelled") {
        rows[key].children[3].innerText = 'R$0';
    }
});

Answer 2

Попробуйте это.

$(document).ready(function(){
   $rows=$('.table tbody tr');
   $rows.each(function(){
      status=$(this).children().last().text();
      if(status=='Cancelled'){
         $(this).children().eq(3).text('R$0');
      }
   });
});