Chrome：jQuery 中的设置类不会在 DOM 中反映/渲染
我有一些使用 jQuery 创建的元素，并将其添加到 iframe 中。我为 jQuery 中的这些元素设置了一个类。我有一个与该类匹配的 CSS 规则。
我在 Chrome 中清楚地看到 CSS 规则没有应用，检查员也向我证实了这一点。
我在 DOM 中看到 class="messagesWrap"，但浏览器不会解释它，因为 .removeClass("messagesWrap") 也无法删除该类。
我使用 Chrome 中的 DOM 编辑器（开发人员工具中的“元素”选项卡），双击元素的类属性以对其进行编辑，然后只需按 Enter 键即可应用“更改”，而无需实际更改任何内容。这次，CSS 选择器已正确应用。
I have some elements created with jQuery that are added in a iframe. I set a class to those elements from jQuery.I have a CSS rule that matches that class.
I see in Chrome clearlly that the CSS rule was not applied and the inspector confirms me that.
I see class="messagesWrap" in the DOM, but it's not interpreted by the browser, because .removeClass("messagesWrap") is also unable to remove the class.
I use the DOM editor from Chrome ("Elements" tab from Developer Tools), I double click the class attribute of the element in order to edit it and just press enter afterward to apply the "changes" without actually changing anything. This time, the CSS selector is applied correctly.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
在不属于文档的元素上添加 CSS 类（尚）可能不起作用。
作为解决方法，请尝试使用 class="messagesWrap" 生成它，或者在将类添加到实际文档后添加该类。
It's possible adding a CSS class on an element that's not part of a document (yet) just doesn't work.
As a workaround, try generating it with class="messagesWrap", or adding the class after it's been added to an actual document.