0

I read a couple of answer about a similar question and people always say that there is no difference between a single and a double quote. The problem is I have a little line of code that somehow seem to matter...

$("li[data-type|='veg']").append(' (v)');

this code do what I want him to do: put a (v) at the end of the link but this code:

$("li[data-type|="veg"]").append(' (v)');

does not work. Why? Does it have to do with the browser? I'm new to jquery and it's the first time I see the type of quote making a difference.

Thanks

Christian Pineault
  • 87
  • 2
  • 7

3 Answers3

1

You need to escape the " by adding a \: \".

Here is a list of many other special characters, and how to escape them.

krillgar
  • 12,596
  • 6
  • 50
  • 86
1

This is simply how js is parsed. You have to remember that you're passing a STRING as an argument to the jquery function. In this particular string, there is an expression that jquery parses (a selector), that can contain a quotation mark. If you use the same type of quote, you accidentally terminate the string instead of inserting it in the string. If you notice the color change in the string...

so you have to escape it with a backslash \" that literally tells the parser to ignore it (it's just part of the string) so that your string can stay intact.If you use "mismatched" quotes inside the string, you're kosher.

FlavorScape
  • 13,301
  • 12
  • 75
  • 117
0

A string that starts with double quote can contain single quotes and vice versa without escaping.

Both of these are valid:

$("li[data-type|='veg']");
$('li[data-type|="veg"]');

however if you use the same quotes within the string that start the string, you need to escape them

$("li[data-type|=\"veg\"]");

This has nothing to do with jQuery. It is just how javascript handles strings

charlietfl
  • 170,828
  • 13
  • 121
  • 150