我正在尝试制定一个计划,这是一个HTML表,其中每个单元格都有一个基于DateTime格式构建的ID。然后,我从django模型发送一个带有预订时隙的JSON,并尝试使用Jquery更改具有相应ID的单元的类。
delivery_planning.js:
dates = booked_json.replace(/"/g, '"');
booked_dates = JSON.parse(dates);
count = booked_dates.length-1;
for (i=0; i<=count; i++) {
var date_id = "#" + booked_dates[i];
$(date_id).toggleClass("available unavailable");
console.log(date_id);
};
console.log()显示ID的格式很好:
#2018-09-15_13:30:00
当我在firefox中检查单元时,我有相同的ID格式:
td#2018-09-15_13:30:00.available
有没有人知道为什么这个类没有改变?我已经尝试了几种格式的变体,但都没有结果。如果需要,我可以添加views.py和template.html来显示if的构造。
发布于 2018-09-13 08:32:30
查询没有选择任何元素,因为选择器包含:
字符。它对jQuery选择器引擎有特殊的意义。您需要对:
字符进行转义:
$('#2018-09-15_13\\:30\\:00')
或者更好,使用document.getElementById
$(document.getElementById(booked_dates[i])).toggleClass('...')
https://stackoverflow.com/questions/52305032
复制相似问题