如何检索 jquery 插件附加到的目标元素？

Posted 2023-05-09

【中文标题】如何检索 jquery 插件附加到的目标元素？

【英文标题】：How can I retrieve the target element that a jquery plugin is attached to?

【发布时间】：2014-03-19 02:23:59

【问题描述】：

我是编写 JQuery 插件的新手...并且有一个关于返回用于将插件绑定到的选择器的问题。

假设我们将一个 jQuery 插件附加到这样的元素......

 $(".someClass").viEdit();

这是插件...

(function ($) 
    $.fn.viEdit = function () 

        var myTarget = "????"; // See Below

    ;
(jQuery));

现在...如何检索用于绑定 jQuery 的目标？

我的意思不是$(this)，在这种情况下我正在寻找.someClass。

作为第二个例子，如果它是这样设置的......

 $("#myElement").viEdit();

我正在寻找...

 #myElement

任何帮助将不胜感激！

【问题讨论】：

afaik，没有办法可靠地做到这一点，你可以将一个元素传递给 $，并且没有你描述的选择器文本。

【参考方案1】：

你可以使用this.selector:

http://jsfiddle.net/3NAwD/

(function ($) 
    $.fn.viEdit = function () 

        console.log(this.selector);

    ;
(jQuery));

请注意，$(document.getElementById('someId')).viEdit(); 之类的内容会给您一个空白的selector。

【讨论】：

好的，我知道这是有效的，感谢您的回答！文档显示这已在 v1.9 中被弃用和删除，但它似乎仍然有效。 api.jquery.com/selector

我知道，这对我来说也没有意义。我想知道是否有解决方法。

【参考方案2】：

有一个 .selector 属性，在较新的版本中已弃用。

现在建议的方法是将其作为选项传递

(function ($) 
    $.fn.viEdit = function (options) 

        var myTarget = options.target;

    ;
(jQuery));

$("#myElement").viEdit(
    target: '#myElement'
);

【讨论】：

我明白了...启动它需要两倍的工作...天哪

@VIDesignz 这是因为我们不能总是相信selector 属性的值...假设像$('.myclass').filter('[myattribute]').myplugin() 那么selector 的值应该是什么