javascript - Jquery:未捕获的语法错误:意外的标识符

Question

我的网站无法显示不同产品选项的价格，我在 Chrome 检查中发现以下错误消息:

Uncaught SyntaxError: Unexpected identifier

它指向下面一行:

  var first_variant_price = $('ul li input[type='radio']:checked').attr('data-price'); 

这是完整的脚本:

<script type='text/javascript' charset='utf-8'>
$(document).ready(function(){ 
  var first_variant_price = $('ul li input[type='radio']:checked').attr('data-price'); 
  $('.current-price').text( first_variant_price );
  $('input[type='radio']').click(function() {
    var variant_price = $(this).attr('data-price');
    $('.current-price').text( variant_price);
  });
});
</script>

我无法意识到这段代码有任何不匹配之处。感谢您的帮助!

Answer 1

如果您在其他引号内使用引号，请使用不同的类型或转义它们:

$("ul li input[type='radio']:checked") // different type of quotes

或

$('ul li input[type=\'radio\']:checked') // escape inner quotes via backslash

但最简单的方法是根本不引用 radio - 没有必要。

$('ul li input[type=radio]:checked')