Использовать jQuery с моим собственным объектом документа

Question

Я делаю почтовый индекс greasemonkey, который должен предварительно загружать определенные данные (фактически, xkcd comic полоски) и отображать их при нажатии ссылки.

Моя задача состоит в основном извлечения данных из DOM, полученных с помощью ajax, и назначения значений DOM, которые пользователь просматривает. Это один конкретный случай, когда я нахожу jQuery невероятно полезным. Но jQuery работает на window.document.

Загрузка и разбор документа like this:

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

И мне нужно выполнить JQuery селекторы на doc, так что я могу получить данные сайта (например, комического название).

Еще раз, вопрос: как выполнить селектор 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 })