在Jquery+Jquery Mobile中切换几个div id/类上的类

我对Jquery库的toggleclass函数有一个小问题。我目前正在开发一个jquery移动应用程序，其中包含列表和内容文章。在本文中，我想实现一个夜间模式。在触摸了nightmode按钮之后，每一篇文章都是同一个类，但是一个！！不同的id！！应该切换其类

我将向您展示我的文章html结构、css和jQuery脚本

这就是我的代码结构：

$document.readyfunction{ $'nightmode\u Article 1'。单击函数{ $‘article1’。切换班级‘night’； }; $'nightmode\u Article 2'。单击函数{ $‘article2’。切换班级‘night’； }; }; .天{ 背景图像：urlmages/background.jpg； 背景重复：重复； 文本对齐：居中； } .晚上{ 背景图像：urlmages/background-night.jpg； 背景重复：重复； 文本对齐：居中； 颜色：F0； 文本阴影：无； } 第1条 第1条

---

代替夜间模式按钮上的ID，将所有按钮指定为同一类别，例如：

<button class="nightModeButton"><img src="images/night-icon.png" /></button>

在处理程序中，使用$'[data role=page]'选择器在所有文章上切换night类。假设您的所有文章都像示例代码一样在页面中，它们都将被更新

---

如果要动态注入文章，则需要保存当前模式并为传入页面设置类。

Hey mate。非常感谢你。这对我帮助很大，而且很有效：-所以看起来最好的解决方案是最简单的，有时你就是看不到：-将ID更改为按钮的类并更正语法解决了我的问题：-@dimi，很高兴我能帮上忙！

$('.nightModeButton').click(function(){
    $('[data-role="page"]').toggleClass('night');
});