Javascript JQuery选择器不处理运行时修改的元素?

Javascript JQuery选择器不处理运行时修改的元素?,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我毫不怀疑这是一件非常愚蠢的事情,但我已经有两年没有写过代码了 我只能取消选择加载页面时选择的项目,但无法取消选择运行时选择的项目。我也无法选择一个我可以取消选择的。假设是同一个问题。我想我记得在《替换live》中,它正好解决了这个问题,但显然我错了 $'.tile'。单击,函数{ $this.addClass'selected'; }; $'.tile.selected'。单击,函数{ $this.removeClass'selected'; }; .瓷砖{ 显示:内联块; 高度:50px;

我毫不怀疑这是一件非常愚蠢的事情,但我已经有两年没有写过代码了

我只能取消选择加载页面时选择的项目,但无法取消选择运行时选择的项目。我也无法选择一个我可以取消选择的。假设是同一个问题。我想我记得在《替换live》中,它正好解决了这个问题,但显然我错了

$'.tile'。单击,函数{ $this.addClass'selected'; }; $'.tile.selected'。单击,函数{ $this.removeClass'selected'; }; .瓷砖{ 显示:内联块; 高度:50px; 宽度:50px; 边框:1px纯黑; 框大小:边框框; } .已选定{ 背景颜色:黄色; }
尝试为文档设置它:

$(document).on('click', '.tile.selected', () => { /* your code */ });

将始终为文档中的.tile.selected设置,而不仅仅是在首次加载页面时

尝试为文档设置它:

$(document).on('click', '.tile.selected', () => { /* your code */ });
它将始终为文档中的.tile.selected设置,而不仅仅是在首次加载页面时

$'.tile'。单击,函数{ 如果$'.tile'.hasClass'selected'{ $this.removeClass'selected'; }否则{ $this.addClass'selected'; } }; .瓷砖{ 显示:内联块; 高度:50px; 宽度:50px; 边框:1px纯黑; 框大小:边框框; } .选定{ 背景颜色:黄色; } $'.tile'。单击,函数{ 如果$'.tile'.hasClass'selected'{ $this.removeClass'selected'; }否则{ $this.addClass'selected'; } }; .瓷砖{ 显示:内联块; 高度:50px; 宽度:50px; 边框:1px纯黑; 框大小:边框框; } .选定{ 背景颜色:黄色; } 由于$'.tile.selected'在运行时求值,因此它将在运行时仅查找与.tile.selected查询匹配的元素。由于$'.tile.selected'在运行时求值,因此它将在运行时仅查找与.tile.selected查询匹配的元素。