多个jquery选择器不起作用

时间:2015-02-01 18:59:32

标签: javascript jquery html css debugging

我正在使用此代码重置某些按钮的文本。
对于每天的每个按钮,html代码遵循此方案。 Javascript是通过.click函数触发的 ChromeDevTools始终抛出此错误:

Uncaught Error: Syntax error, unrecognized expression: .mondayRoom2-btn, .tuesdayRoom2-btn, .wednesdayRoom2-btn, .thursdayRoom2-btn,. fridayRoom2-btn

HTML:

    <h2>Monday</h2>
        <div class="monday-slot">
            <button class="mondayRoom1-btn">Room 1</button>
            <button class="mondayRoom2-btn">Room 2</button>
        </div>

JavaScript的:

$(".mondayRoom1-btn, .tuesdayRoom1-btn, .wednesdayRoom1-btn, .thursdayRoom1-btn, .fridayRoom1-btn").text("Room 1");
$(".mondayRoom2-btn, .tuesdayRoom2-btn, .wednesdayRoom2-btn, .thursdayRoom2-btn,. fridayRoom2-btn").text("Room 2");

2 个答案:

答案 0 :(得分:1)

第二个表达式中有错误:

$(".mondayRoom2-btn, .tuesdayRoom2-btn, .wednesdayRoom2-btn, .thursdayRoom2-btn,. fridayRoom2-btn").text("Room 2");

&#34; .fridayRoom2-BTN&#34;不是&#34;。 fridayRoom2-BTN&#34;

它没有空间

答案 1 :(得分:0)

我相信你的jQuery选择器正在寻找不存在的类,这些类只会出现在当天:

`$(".mondayRoom2-btn, .tuesdayRoom2-btn, .wednesdayRoom2-btn, .thursdayRoom2-btn,. fridayRoom2-btn").text("Room 2");`

相反,你可以创建一个点击,甚至可以选择你点击的类的价值而不是你应用你的功能。