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

从问题标题继续：

另外，使用AJAX将另一个html文档加载到父文档中，如下所示：

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

---

我需要从calender.aspx获取一张id为“tableID”的表格

从您的成功回调中：

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

---

在您的示例中，您似乎是通过

$（“.mainBar”）.html（数据）行将文档插入到文档中。在这种情况下，您只需通过
$（“#tableId”）
完成以下操作：

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

如果您的目标不是追加所有内容，而是执行其他操作，则可以通过执行
$（数据）
，建立一个断开连接的DOM树，然后通过
find
进行搜索：

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

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

var $table;

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

与
相同。加载
：

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

数据
将是OP代码中的字符串。也许你的意思是
$（“#tableId”，$（data））
@T.J.Crowder是的，谢谢你提醒我关于字符串；）嗯，但是如何将该元素存储在javascript变量中呢？请容忍我的天真，更新我的答案。我以为您只对附加#tableID感兴趣，而不是将其作为变量引用。