使用jQuery操作元素时遭遇选择器识别错误，求解决方向

你遇到的unrecognized expression [object OBJECT]错误，核心原因是错误的元素选择方式：

• 你用$(hourArray[i])把数组里的整数直接作为选择器，jQuery会把它当成DOM元素（而非ID）来处理，生成的是一个空的jQuery对象，toString后就变成了[object Object]，再用这个字符串作为选择器传入$()自然会报错。

你的代码（原样保留） #

hourArray = []

var hour9 = $("#9").attr("id") 
var hour10 = $("#10").attr("id") 
var hour11 = $("#11").attr("id") 
var hour12 = $("#12").attr("id") 
var hour13 = $("#13").attr("id") 
var hour14 = $("#14").attr("id") 
var hour15 = $("#15").attr("id") 
var hour16 = $("#16").attr("id") 
var hour17 = $("#17").attr("id")

var hour9N = parseInt(hour9) 
var hour10N = parseInt(hour10) 
var hour11N = parseInt(hour11) 
var hour12N = parseInt(hour12) 
var hour13N = parseInt(hour13) 
var hour14N = parseInt(hour14) 
var hour15N = parseInt(hour15) 
var hour16N = parseInt(hour16) 
var hour17N = parseInt(hour17)

hourArray.push(hour9N) 
hourArray.push(hour10N) 
hourArray.push(hour11N) 
hourArray.push(hour12N) 
hourArray.push(hour13N) 
hourArray.push(hour14N) 
hourArray.push(hour15N) 
hourArray.push(hour16N) 
hourArray.push(hour17N)

for (i = 0; i < hourArray.length; i++) {
  if (hourArray[i] === hour) {
    var color = $(hourArray[i]).toString();
    $(color).removeClass("row time-block")
  } else if (hourArray[i] < hour) {
    var color = $(hourArray[i]).toString()
  } else {
    var color = $(hourArray[i]).toString()
  }
}

具体修复步骤 #

1. 正确定位元素：要通过ID选择元素，必须给数字ID加上#前缀，直接用$("#" + hourArray[i])就能拿到对应的DOM元素的jQuery对象，不需要转字符串再二次包装。
2. 简化冗余代码：没必要逐个获取ID再转数字，直接生成9-17的数字数组即可，减少重复代码：

   // 替换原来的变量声明和push操作
   hourArray = Array.from({length:9}, (_,i) => i+9);
   

3. 完善类操作逻辑：你的代码里只做了removeClass，还需要根据时间关系添加对应的类（比如present/past/future），同时注意补全if语句的大括号，避免语法错误：

修复后的核心循环示例：

for (i = 0; i < hourArray.length; i++) {
  const $timeBlock = $("#" + hourArray[i]);
  $timeBlock.removeClass("past present future"); // 先移除所有状态类
  if (hourArray[i] === hour) {
    $timeBlock.addClass("present");
  } else if (hourArray[i] < hour) {
    $timeBlock.addClass("past");
  } else {
    $timeBlock.addClass("future");
  }
}

额外提示 #

• 确保hour变量是当前的小时数（数字类型，比如14代表下午2点），和数组里的数字格式统一。
• 可以直接把DOM元素存入数组，避免多次查询DOM：

  hourArray = [$("#9"), $("#10"), $("#11"), $("#12"), $("#13"), $("#14"), $("#15"), $("#16"), $("#17")];
  

  之后循环时直接用hourArray[i]操作元素，无需再次查询，性能更好。

内容的提问来源于stack exchange，提问作者Dialectics