如何从插件内部访问查询中给定的上下文？

Question

可以执行以下操作：

$(selector, context)

但是$.fn.pluginX如何找出给定的上下文是什么？ 例如：

$(selector, context).pluginX()

---

我有一种情况，第三方插件假定窗口/文档是当前的。

---

编辑：

我假设文档是“上下文”的意思，但我猜它并不总是文档。 就我而言，我正在做跨文档的东西，例如$(sel, iframe.contentDocument).pluginX() ，我想确保如果插件做了$('body').append ，那么它应该做$('body', theSameDocumentContext).append 。 希望能有所帮助。

Answer 1

jQuery元素具有.context属性。 您可以在插件中使用它：

$.fn.pluginX = function(){
    console.log(this.context);
}

但这是不可靠的，有太多的变种。 上下文的值将始终为document除非您传递HTMLElement （如下）：

$('p', document.getElementsByTagName('div')[0]);

但是您可以传递不同的上下文：

//All working :
$('p', document.getElementsByTagName('div'));
$('p', document.querySelector('div'));
$('p', document.querySelectorAll('div'));
$('p', document.getElementByID('id'));
$('p', 'div');
$('p', $('div'));
$('p', $('div').add('p'));
///... ran out of ideas

现在，重要的是要知道传递上下文与.find()完全一样 ：

$('p', 'div') === $('div').find('p');

同样，jQuery在链接时总是存储先前的jQuery对象。 如果是初始调用（不使用遍历方法），则前一个对象将是文档。

知道了这些信息，如果您想获得“真实的”上下文，就可以得到最后一个元素。 jQuery具有.prevObject属性。 用它 ：

$.fn.pluginX = function(){
    console.log(this.prevObject);
}

Answer 2

$（selector，context）与$（'context selector'）相同，您可以通过this.selector来获取它，但是这对于链接选择器可能比较棘手。

例如：

$('.articles', '.section').pluginX()
//within the pluginX  plugin function definition you can call this.selector

$.fn.pluginX = function(){
    ...
    //this.selector = '.section .articles';
    //this.selector.split(' ')[0] = '.section' //scope
    ...
}

但是如果我们有上述计算将失败

$('.articles .writer', '.section').pluginX();

要么

$('.writer', '.section .articles').pluginX();

如果您对选择器或上下文有某种假定，那么它可能会帮助您起草逻辑。 让我知道这对您有帮助，或者您可以详细说明您的特定要求，我们可以尝试找到解决方案。