Динамическое изменение цвета текста с помощью jquery и ajax, с разными цветами, разным текстом и имеющим один и тот же атрибут / класс

Question

Я создал структуру таблицы с динамически отображаемыми данными, но я хочу добавить разные цвета для разных статусов платежей, и они имеют одинаковый класс для каждого статуса платежа, но когда я нажимаю на страницу 1, 2 или 3, показывается только один страница не на каждой странице. Я хочу показать ее всем страницам.

$(document).ready(function() {
  $('.paginate_button a').click(function() {
    $.ajax({
      url: "",
      method: "POST",
      data: $("#DataTables_Table_0 td .custom-text-badge"),
      success: function(data) {
        $("#DataTables_Table_0 td .custom-text-badge:contains('Success')").css({
          "color": "red"
        });
        $("#DataTables_Table_0 td .custom-text-badge:contains('pending')").css({
          "color": "green"
        });
      }
    });
  });
});

это ссылка на изображение для успешной оплаты и цвет текста в ожидании

ссылка на это изображение для нумерации страниц

эта ссылка на изображение при нажатии на ссылку на другой странице 2/3 и т. Д., Цвет не отображается

Answer 1

Попытайтесь создать класс с такими свойствами:

.red{
  color: red,
 }

Если вы хотите добавить свое пользовательское форматирование в строку, добавьте этот класс вместо форматирования CSS непосредственно в этом обратном вызове.

    $(document).ready(function() {
  $('.paginate_button a').click(function() {
    $.ajax({
      url: "",
      method: "POST",
      data: $("#DataTables_Table_0 td .custom-text-badge"),
      success: function(data) {
        $("#DataTables_Table_0 td .custom-text-badge:contains('Success')").addClass("red");
        $("#DataTables_Table_0 td .custom-text-badge:contains('pending')").addClass("red");
      }
    });
  });
});