jquery - 如何在 jQuery 中测试选择器是否有效

Question

我正在使用 AnythingSlider jQuery 插件，它动态读取 URL 中的哈希并通过 jQuery 选择页面上的项目。问题是最终用户如果到达 http://mydomain.com/#!demos/slider 就可以破坏插件。 .

有没有办法测试选择器是否有效而不是让 jQuery 崩溃(内置函数或正则表达式)？请参阅这个尝试执行 $('#!demos/slider') 的 jsFiddle 示例，但它崩溃了: http://jsfiddle.net/PvY2b/

$('#!demos/slider') <= Uncaught Error: Syntax error, unrecognized expression: #!demo/slider

Answer 1

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

来自:Basic HTML data types

因此，这样的事情可能会起作用:

if (/^[A-Za-z][A-Za-z0-9\-_:\.]*$/.test(selector)) {
    // $('#' + selector)...
}

或者干脆逃避它:

selector = selector.replace(/([;&,\.\+\*\~':"\!\^#$%@\[\]\(\)=>\|])/g, '\\$1');