使用ajaxjquery响应提取表格

Question

我拿一个完整的HTML代码页面来提取表格。这是我的代码。

$(document).ready(function() { 

     alert("Hello"); 
     $.ajax(
     { 
     url: '/Member/DownloadUrlData', 
     type: "POST", 
     dataType: "html", 
     async: true, 
     cache: false, 
     beforeSend: function (request) { 

     }, 
     success: function (data) { 
      // $('#rData').load('data #container'); 

      alert(data); 
      var theHtml = $.parseHTML(data).filter('#container>table:first').html(); 

      $("#rData").append(theHtml); 

     }, 
     error: function (xmlHttpRequest, textStatus, errorThrown) { 
        }, 
     complete: function (xmlHttpRequest, textStatus) { 
     } 
    }); 

     <div id="rData"> 

     </div> 

但我不能提取表。错误日志中显示的问题是'#container>表：第一'不是一个函数。我该如何解决这个问题。

Answer 1

由于data是HTML标记，尽量

$(data).find('#container>table:first').html(); 

例：

$(document).ready(function() { 
    alert("Hello"); 
    $.ajax({ 
     url: '/Member/DownloadUrlData', 
     type: "POST", 
     dataType: "html", 
     async: true, 
     cache: false, 
     beforeSend: function (request) { 

     }, 
     success: function (data) { 
      alert(data); 
      var html = $.parseHTML(data); 
      var table = $(html).find('#container>table:first'); 

      $("#rData").append(table); 

     }, 
     error: function (xmlHttpRequest, textStatus, errorThrown) { 
     }, 
     complete: function (xmlHttpRequest, textStatus) { 
     } 
    }); 
}); 

演示：Fiddle

Answer 2

通过 var theHtml = $(data).find('#container>table:first').html();