javascript - Jquery：未捕获的 SyntaxError：意外的标识符

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')

Answer 2

你有报价问题。您可以转义\'引号radio或简单地更改代码，如下所示：

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