Question

This is follow up question.

The first selector which is fully typed out finds the value all the others give a syntax error even though they “look” identical.

    $(".smoothie").on("mouseover", function(event) {
          // .. other code

            // first    
            value = $(".row_2.tuesday .e_1.current_Status .smoothie_Text").attr("value");
            alert(value);

            // second
            selector = "\'.row_2.tuesday .e_1.current_Status .smoothie_Text\'";
            alert(selector);
            value = $(selector).attr("value");

            //third
            value = $("\"." + row_Classes[0] + "." + row_Classes[1] + " ." + container_Classes[0] + "." + container_Classes[1] + " .smoothie_Text\"").attr("value");
            alert(value);
          //.. other code
}).svg({loadURL: '../_public/_icons/smoothie.svg'});    

Could some one please advise what I am doing wrong.

Edit

Error from console is:

Error: Syntax error, unrecognized expression: ‘ [Break On This Error]

throw new Error( “Syntax error, unrecognized expression: ” + msg );

Which we know from yesterdays enquiries is from sizzle.

Answer 1

Both your second and third strings contain quotes at the ends. Selectors are not supposed to contain quotes at the ends. It is that simple.