Question

我有一个jQuery选择器，它有一个链式函数。

在函数内部，我希望能够访问表示选择器表达式的TEXT。

$("cat dog").function() {

    // how do I get access to the "cat dog" string from inside THIS function ?
};

我在这段代码示例中简化了我实际想要做的事情。我正在编写一个插件，我需要访问已创建包装集的选择器。显然，在这个特殊的例子中，我可以访问“猫狗”，因为我写了它。因此，只需将其插入插件即可。

这对谷歌来说有点棘手。

编辑：遗憾的是，'selector'属性现已弃用。 http://jquery.com/upgrade-guide/1.9/#selector-property-on-jquery-objects

Answer 1

jQuery对象中有一个'selector'属性，但我不确定它是否始终可用。

Answer 2

这远非最佳，但在某些情况下有效。您可以执行以下操作：

jQuery.fn._init = jQuery.fn.init
jQuery.fn.init = function( selector, context ) {
    return (typeof selector === 'string') ? jQuery.fn._init(selector, context).data('selector', selector) : jQuery.fn._init( selector, context );
};

jQuery.fn.getSelector = function() {
    return jQuery(this).data('selector');
};

这将返回用于元素的最后一个选择器。但它不适用于非现有元素。

<div id='foo'>Select me!</div>
<script type='text/javascript'>
 $('#foo').getSelector(); //'#foo'
 $('div[id="foo"]').getSelector(); //'div[id="foo"]'
 $('#iDoNotExist').getSelector(); // undefined
</script>

这适用于jQuery 1.2.6和1.3.1以及其他可能的版本。

此外：

<div id='foo'>Select me!</div>
<script type='text/javascript'>
 $foo = $('div#foo');
 $('#foo').getSelector(); //'#foo'
 $foo.getSelector(); //'#foo' instead of 'div#foo'
</script>

修改的
如果在使用选择器后立即检查，则可以在插件中使用以下内容：

jQuery.getLastSelector = function() {
    return jQuery.getLastSelector.lastSelector;
};
jQuery.fn._init = jQuery.fn.init
jQuery.fn.init = function( selector, context ) {
    if(typeof selector === 'string') {
        jQuery.getLastSelector.lastSelector = selector;
    }
    return jQuery.fn._init( selector, context );
};

然后以下内容将起作用：

<div id='foo'>Select me!</div>
<script type='text/javascript'>
 $('div#foo');
 $.getLastSelector(); //'#foo'
 $('#iDoNotExist');
 $.getLastSelector(); // #iDoNotExist'
</script>

在你的插件中，你可以这样做：

jQuery.fn.myPlugin = function(){
 selector = $.getLastSelector;
 alert(selector);
 this.each( function() {
  //do plugins stuff
 }
}

$('div').myPlugin(); //alerts 'div'
$('#iDoNotExist').myPlugin(); //alerts '#iDoNotExist'

但仍然：

$div = $('div');
$('foo');
$div.myPlugin(); //alerts 'foo'

Answer 3

如果您正在使用firebug，则可以在函数内部console.log(this)查看选择器字符串是否可以在对象中的某个位置访问。对不起，我不熟悉jQuery API。

Answer 4

如果您想在函数中访问选择器字符串，这将有效：

$(this).html();

如果使用多个选择器，这也可以用，

例如，

$('#id1,#id2').click(function(){
   alert($(this).html());
});

Answer 5

也许这可以解决您的问题：

var $jqueryItems = $( ".my-selector" );
console.log( $jqueryItems.selector ); // display ".my-selector"

Answer 6

对于那些想要进入jQuery的插件选择器字符串的人，我很高兴能够改进@Pim Jager给出的最佳答案：

截至目前（最新版本3.2.1），t.data中有3个参数功能 - t - 不是两个;
jQuery.fn.init关键字添加到return语句中 selector, context, root;
在插件中，选择器通过调用返回为字符串 new

最后，这就是我为我工作的魅力所在：

jQuery.fn.init

就我而言，它适用于jQuery版本（从1.7.0到3.2.1）。

<强> PS 即可。即使在stackoverflow上也可以使用jQuery 1.2.3工作正常。所以，我想，如果你想把jQuery选择器的表达式作为插件内的文本获得，那么以下内容适用于所有jQuery版本：

＆＃13;

$(this).getSelector();

＆＃13;

(function($, window, document, undefined) { 
    $.fn._init = $.fn.init
    $.fn.init = function( selector, context, root ) {
        return (typeof selector === 'string') ? new $.fn._init(selector, context, root).data('selector', selector) : new $.fn._init( selector, context, root );
    };
    $.fn.getSelector = function() {
        return $(this).data('selector');
    };
    $.fn.YOUR-PLUGIN = function() {
        var selector = $(this).getSelector(); // selectors string given to jQuery 
        // other code
    }
})(jQuery, window, document);

＆＃13;

Answer 7

请参考我对重复问题的回答： Intercepting selector at initialization time

详细信息： 即使弃用并删除了“ 选择器”属性，也可以完全使用任何jQuery版本

我的解决方案是在初始化jQuery对象时拦截选择器，同时使用继承来透明地维护所有其他jQuery功能，如下所示：

$ = (function (originalJQuery) 
{
    return (function () 
    {
        var newJQuery = originalJQuery.apply(this, arguments);
        newJQuery.selector = arguments.length > 0 ? arguments[0] : null;
        return newJQuery;
    });
})($);

$.fn = $.prototype = jQuery.fn;

用法：

var myAnchors = $('p > a');
var selector = myAnchors.selector;

应产生："p > a"

使用jQuery 3.4.1成功尝试

Answer 8

我无法弄清楚如何在绑定到函数时获取对$（'value_i_want_here'）内部提供的选择器的字符串值的引用;似乎是一个棘手的问题。但是，如果您更喜欢在IE [x]中进行测试，那么总是Firebug Lite可以很好地利用console.log（var | val）。

Answer 9

好吧，我还在试图弄清楚你是否想要获得元素名称？或id和/或类或全部。

您可以使用此

获取元素

var element =$(this).get(0);
var id = $(this).attr('id');
var class=$(this).attr('class');

如果你有多个班级，不确定会发生什么。可能会进入一个数组或其他东西，你可以用索引得到它。

如何将jQuery选择器的表达式作为文本？

9 个答案: