javascript - 为什么在构造选择器时会出现语法错误

Question

这是后续问题。

完全输入的第一个选择器会找到所有其他选择器的值，即使它们“看起来”相同，也会给出语法错误。

    $(".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'});    

有人可以告诉我我做错了什么。

编辑

来自控制台的错误是：

错误：语法错误，无法识别的表达式：' [Break On This Error]

throw new Error("语法错误，无法识别的表达式：" + msg);

我们从昨天的询问中知道是从嘶嘶声。

Answer 1

您的第二个和第三个字符串都在末尾包含引号。选择器不应该在末尾包含引号。就是这么简单。

Answer 2

通过删除尝试它\'，所以它应该如下所示

// second
selector = ".row_2.tuesday .e_1.current_Status .smoothie_Text";

\'在您的选择器代码中不需要

Answer 3

尝试删除斜杠\和单引号'

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