我如何获得一个jQuery选择器的表达式为文本?
我有一个jQuery选择器,它有一个链式函数。
在函数内部,我想访问表示选择器表达式的TEXT。
$("cat dog").function() {
// how do I get access to the "cat dog" string from inside THIS function ?
};
我已经在这个代码示例中简化了我真正想要做的事情。 我正在编写一个插件,我需要访问已创建包装集的选择器。 显然在这个特殊的例子中,我可以使用“猫狗”,因为我写了它。 所以,只需将它插入插件即可。
这对谷歌有点棘手。
编辑:不幸的是'选择'属性已被弃用。 http://jquery.com/upgrade-guide/1.9/#selector-property-on-jquery-objects
jQuery对象中有一个'selector'属性,但我不确定它始终可用。
这远不是最佳的,但在某些情况下起作用。 您可以执行以下操作:
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'
如果你使用的是firebug,你可以在函数中使用console.log(this)
,看看选择器字符串是否可以在对象的某个地方访问。 对不起,我不熟悉jQuery API。
上一篇: How do I get a jQuery selector's expression as text?
下一篇: Alternative to .selector property now that it is removed in jQuery 1.9