jQuery 未捕获异常 : syntax error, 无法识别的表达式 [tabindex ="something"]

Question

突然之间，我们网站中的某些 UI 功能无法正常工作，我收到错误消息:

jQuery 未捕获异常:语法错误，无法识别的表达式 [tabindex="something"]

这是我的代码:

var thumb_src = jQuery('a[name="thumb-image"] img[src*=' + sku + ']').attr('src');
jQuery( 'a[ tabindex=' + thumb_src + ']' ).prevAll().removeClass('selectedThumb');
jQuery( 'a[ tabindex=' + thumb_src + ']' ).addClass( 'selectedThumb' );
jQuery( 'a[ tabindex=' + thumb_src + ']' ).nextAll().removeClass('selectedThumb');

在 jQuery 升级到最新版本之前它一直运行良好，我相信这就是原因。我在上面的陈述中做了违法的事情吗？感谢您对此的任何意见或帮助!

Answer 1

thumb_src 中的任何 . 或 / 字符很可能会破坏最后三行中的属性选择器，因为它们是特殊的 CSS 字符.

尝试在这些选择器中使用双引号，以便它们按字面意思使用(即使您真的不应该为 tabindex 使用数字值以外的任何值):

jQuery('a[tabindex="' + thumb_src + '"]')

API docs无论如何，这些引号在 jQuery 属性选择器中是强制性的。