Jquery: Uncaught SyntaxError: Unexpected identifier

Question

My website cannot show the prices for different product options and I found the following error message on Chrome inspection:

Uncaught SyntaxError: Unexpected identifier

It is pointing to the line below:

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

This is the complete script:

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

I could not realize any mismatch on this code. Thanks for the help!

Christoph · Accepted Answer · 2012-10-16 11:53:47Z

5

If you use quotes inside other quotes, either use a different type or escape them:

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

or

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

but the easiest way is to not quote the radio at all - it's not necessary.

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

answered Oct 16, 2012 at 11:53

Christoph

51.4k22 gold badges103 silver badges129 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

VisioN · Accepted Answer · 2012-10-16 11:52:07Z

4

You have problems with quotes. You may either escape \' the quotes around radio or simply change the code as follows:

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

answered Oct 16, 2012 at 11:52

VisioN

146k35 gold badges287 silver badges291 bronze badges

2 Comments

Valladão Over a year ago

It worked! But I also had to change this: $("input[type='radio']").click(function() {

VisioN Over a year ago

@user1749898 Yes, both selectors had the same problem.

Collectives™ on Stack Overflow

Jquery: Uncaught SyntaxError: Unexpected identifier

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related