html - 使用 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) {
        }
    });
});

演示：小提琴

Answer 2

替换var theHtml = $.parseHTML(data).filter('#container>table:first').html(); 为 var theHtml = $(data).find('#container>table:first').html();