Question

继续问题标题：

还使用AJAX在父级中加载了其他html文档，如下所示：

$.ajax({
        url: 'calender.aspx',
        cache: false,
        dataType: "html",
        success: function (data) {
           $(".mainBar").html(data);
        }
    });

我需要从calender.aspx获取一个表，其中包含id'tableID';

Answer 1

从成功回调中：

$(data).find("#tableID");

Answer 2

在您的示例中，您似乎是通过第$(".mainBar").html(data);行将文档插入到文档中。在这种情况下，您可以在完成后通过$("#tableId")获取它：

$(".mainBar").html(data);
var theTable = $("#tableId");

如果你的目标是不追加所有内容，而是做其他事情，你可以通过$(data)建立一个断开连接的DOM树，然后通过{{1}进行搜索}：

find

Answer 3

作为旁注，您可以使用.load。但是，你会这样做：

var $table;

$.ajax({
        url: 'calender.aspx',
        cache: false,
        dataType: "html",
        success: function (data) {
           $table = $(data).find('#tableID');
           $(".mainBar").empty().append($table);
        }
    });

与.load相同：

var $table;
$('.mainBar').load('calendar.aspx #tableID', function(html) {
   $table = $(html).find('#tableID');
});

如何使用id从javascript访问HTML元素，html元素属于另一个html文档

3 个答案: