时间戳

首页 > 解决方案 > 查找#ID 以添加/删除类

jquery - 查找#ID 以添加/删除类

问题描述

$(document).ready(function () {
  $("#table").click(function () {
    $(".slidebar").addClass("expand");
  });
});

这意味着当我点击时<div id="table">，类slidebar将添加expand。

现在我的 HTML 代码有这样的双重slidebar类

<div id="point" class="slidebar">....</div>
<div id="mark" class="slidebar">....</div>

我基本上想当我点击时<div id="table">，只<div id="point" class="slidebar">添加类expand。

我怎样才能用 Jquery 做到这一点？

标签： jquery

解决方案

您应该使用 ID 选择器，而不是 Class 选择器来执行此操作，如下所示：

$(document).ready(function () {
  $("#table").click(function () {
    $("#point").addClass("expand");
  });
});

但万一你想使用这个类，你可以这样做：

$(document).ready(function () {
  $("#table").click(function () {
    $("#point.slidebar").addClass("expand");
  });
});

推荐阅读