javascript - jQuery 加载函数内部的 jQuery 加载函数

Question

所以我试图通过 JavaScript 和 jQuery 解析来自另一个网站的大量数据(我对两者都是新手)，所以这里的问题是第二个 jQuery load() 内的函数 不起作用。

function load() {

 var r = 0;
 var cols = [4,5,8,9,10];
 $('#Parser').load('url #tableID', function () {
   var r = $('#Parser').find('label').length;

   for (var i = 0; i < r; i++) {
     $('#table').append('<tr id="'+i+'"></tr>')

     for (var j = 0; j < cols.length; j++) {
       $('#'+i).append('<td id="c'+i+j+'"></td>')
       $('#c'+i+j).load('url #tableId\\:Row'+i+'\\:Col'+cols[j], function() {
         $('#c'+i+j).html($('#c'+i+j).children().text());
       });
     }
   }
   $('#Parser').html('');
 });
}

所以如果用静态 ID 单独测试它并且它可以工作

$('#test').load('url #tableId\\:Row1\\:Col1', function() {
   $('#test').html($('#test').children().text());
});

我需要像这样按列和行解析代码，因为我从中获取数据的网页将我想要的数据分散在 cols 变量的列上，我发现如何表格在 r 变量上有很多行

我不知道这是一个逻辑问题还是只是功能的误用，但我一整天都在挣扎，我需要帮助。

主load()函数在页面启动时被调用，并且输出整个元素而不是仅文本

var time =new Date().getTime();
var rc = 0;
load();
refresh();

function load() {
var r = 0;
var cols = [4,5,8,9,10];

$('#Parser').load('url #tableID', function () {
  var r = $('#Parser').find('label').length;
  if (r != 0) {
    //Simulating going back to this page
    $('body').css({'background-color':'red','color':'white'});
    for (var i = 0; i < r; i++) {
      if (rc < r) {
        $('#table').append('<tr id="'+i+'"></tr>')
      }
      for (var j = 0; j < cols.length; j++) {
        if (rc < r) {
          $('#'+i).append('<td id="c'+i+j+'"></td>')
        }
        col =  $('#c'+i+j).load('url #tableId\\:Row'+i+'\\:Col'+cols[j],function() {
          if ($('#c'+i+j).html != col){
            $('#c'+i+j).html('');
          }
        });

      }
    }
  }else {
    if (rc != 0 ) {
      for (var i = 0; i < rc; i++) {
        for (var j = 0; j < cols.length ; j++) {
          $('#c'+i+j).html('');
        }
      }
    }
    if ($('body').css('background-color') != 'white') {
      //Simulating another page
      $('body').css({'background-color':'white','color':'black'});
    }
  }
  $('#Parser').html('');
  if (rc < r) {
    rc = r ;
  }
});
}
function refresh() {
 if(new Date().getTime() - time >= 10000){
  load();
  setTimeout(refresh, 10000);
}else{
  setTimeout(refresh, 10000);
}
}

这是我在页面上的完整 JavaScript前面的代码是我尝试以更简单的方式将其处理为文本

Answer 1

试试这个:

function load()
{
    ...your code...
}

$(document).ready(load);

也许该函数没有按时调用，请确保在渲染 DOM 之后调用它。