如何使用id從javascript訪問HTML元素，該html元素屬於另一個html文檔

Question

接續問題標題：

另一個HTML文檔也使用AJAX加載到父級中，如下所示：

$.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);文檔插入文檔中的$(".mainBar").html(data); 。 在這種情況下，一旦完成，您就可以通過$("#tableId")來獲取它：

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

如果您的目標不是附加所有內容，而是執行其他操作，則可以通過執行$(data)來構建斷開連接的DOM樹，然后通過find進行搜索：

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

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');
});