javascript - jQuery 多个 addClass 的简写?

标签 javascript jquery

我有这段代码:

$("body.ow-client1 #stage-nav li.nav1 a").addClass("sub-nav-active");
$("body.ow-client2 #stage-nav li.nav2 a").addClass("sub-nav-active");
$("body.ow-client3 #stage-nav li.nav3 a").addClass("sub-nav-active");
$("body.ow-client4 #stage-nav li.nav4 a").addClass("sub-nav-active");
$("body.ow-client5 #stage-nav li.nav5 a").addClass("sub-nav-active");
$("body.ow-client6 #stage-nav li.nav6 a").addClass("sub-nav-active");
$("body.ow-client7 #stage-nav li.nav7 a").addClass("sub-nav-active");
$("body.ow-client8 #stage-nav li.nav8 a").addClass("sub-nav-active");
$("body.ow-client9 #stage-nav li.nav9 a").addClass("sub-nav-active");

这一切都很好,但我想知道是否有简写形式?

最佳答案

尝试以下操作

var i;
for (i = 1; i <= 9; i++) {
  var sel = 'body.ow-client' + i + ' #stage-nav li.nav' + i + ' a';
  $(sel).addClass("sub-nav-active");
}

关于javascript - jQuery 多个 addClass 的简写?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8781658/

相关文章:

javascript - 无法在函数中调用另一个文件

javascript - ReactJS 将 HTML 字符串转换为 JSX

javascript - 如何淡入jquery背景颜色

javascript - 在脚本中使用 setselectedindex 函数在同一网页上的多个下拉菜单中选择相同的值

javascript - 带有 Angular 平移的 ng-repeat

javascript - 为什么 Google Chart 不能运行 ASP MVC 应用程序?

javascript - 基本条件 && 或 ||在javascript中

javascript - JS 在 Rails 中无法在 SSL 下工作

javascript - 循环未完成

javascript - 访问嵌套属性中父对象的属性