Question

我有一个jquery代码，当点击button-refresh时，table-data表会刷新。但是当刷新时，课程negative不会添加到td

以下是代码

$("#button-refresh").click(function(){
    $("#table-data").load("index.php #table-data");
    $("td[name=td-total").each(function() {
      var text = $(this).text();
        var num = parseFloat(text);
        if (num < 0) {
          $(this).addClass("negative");
        }
    });
});

Answer 1

使用.load()

的回调方法

$("#button-refresh").click(function(){
  $("#table-data").load("index.php #table-data", function() {
    $("td[name=td-total").each(function() {
      var text = $(this).text();
      var num = parseFloat(text);
      if (num < 0) {
        $(this).addClass("negative");
      }
    });
  });
});

Answer 2

AJAX调用是异步的，因此.load()方法提供了第二个参数，即成功回调：

.load("url", function(response, status, xhr) {

在回调中，一旦AJAX响应，你想要运行的代码

$("#button-refresh").click(function(){
  $("#table-data").load("index.php #table-data", function(r, s, x) {
    $("td[name=td-total").each(function() {
      var text = $(this).text();
      var num = parseFloat(text);
      if (num < 0) {
        $(this).addClass("negative");
      }
    });
  });
});

http://api.jquery.com/load/

分区刷新后jQuery类没有添加

2 个答案: