Question

我正在制作一个paintmonkey用户脚本，它应该预加载某些数据（实际上是xkcd comic条）并在点击链接时显示它们。

我的任务主要包括从ajax提取的DOM中检索数据，并将值分配给用户正在查看的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;
   }

我需要在 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 } )

将jQuery与我自己的文档对象一起使用

2 个答案: