【问题标题】:How can I retrieve the target element that a jquery plugin is attached to?如何检索 jquery 插件附加到的目标元素?
【发布时间】: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,没有办法可靠地做到这一点,你可以将一个元素传递给 $,并且没有你描述的选择器文本。

标签: javascript jquery jquery-plugins jquery-selectors


【解决方案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 的值应该是什么
猜你喜欢
  • 2010-12-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-05-24
  • 2013-09-21
  • 1970-01-01
相关资源
最近更新 更多