Question

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

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

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

这是插件......

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

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

    };
}(jQuery));

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

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

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

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

我会寻找......

 #myElement

非常感谢任何帮助！

Answer 1

您可以使用this.selector：

http://jsfiddle.net/3NAwD/

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

        console.log(this.selector);

    };
}(jQuery));

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

Answer 2

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

现在建议的方法是将其作为

之类的选项传递

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

        var myTarget = options.target;

    };
}(jQuery));

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

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

2 个答案: