使用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>table:first"不是函数。我该怎么解决这个问题。

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 = $.parseHTML(data).filter('#container>table:first').html();通过var theHtml = $(data).find('#container>table:first').html();