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"
        });
      }
    });
  });
});

this is image link for payment success and pending text color

this image link for pagination

this image link when click on another page link 2/3 ect no color shown

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");
      }
    });
  });
});

使用jquery和ajax动态更改文本颜色，使用不同的颜色，不同的文本并具有相同的属性/类

1 个答案: