將jQuery與我自己的文檔對象一起使用

Question

我正在制作一個應根據預裝某些數據（實際上是xkcd漫畫 ）並在單擊鏈接時顯示它們的lubricmonkey用戶腳本。

我的任務主要包括從ajax獲取的DOM中檢索數據，並將值分配給用戶正在查看的DOM。 這是我發現jQuery非常有用的一種特殊情況。 但是 jQuery在window.document運行。

我像這樣加載和解析文檔：

   xhr.onload = function() {
       var doc = document.implementation.createDocument(
         'http://www.w3.org/1999/xhtml',
         'html',
         document.doctype
       );
       doc.documentElement.innerHTML = this.responseText;
   }

而且我需要在doc上執行jQuery選擇器，以便可以檢索站點數據（例如漫畫標題）。

再一次的問題是：如何在自定義文檔對象上執行jQuery選擇器？

Answer 1

您可以簡單地使用$(doc)和jQuery的遍歷方法：

var $doc = $(doc);

var comicContainer = $doc.find('#comics'); // for example

Answer 2

例如，要將單擊事件添加到自定義加載的項目中，請使用以下命令：

$(body).on( 'click', 'YOUR_DYNAMIC_SELECTOR', function(){ DO_ALL_THIS } )