使用jQuery向html元素添加类

我想使用jQuery扩展一个容器

出于某种原因，我不明白为什么，它不起作用

任何帮助都将不胜感激：）

** 实际上与以下各项有关：

$(".viewPrices").click(function () {
$(".list").addClass("visible");
});

但我想在再次单击按钮时删除该类

**如果要切换可视性，请使用

$(".viewPrices").click(function () {
    $(".list",this).toggle();
});

您不需要在上下文中传递当前对象，因为具有id list的div不是按钮的后代。如果您没有像在fiddle中那样的多个html结构，那么您可以使用类list直接访问元素

$(".viewPrices").click(function () {
    $(".list").toggle();
});

如果要切换类，可以使用

$(".viewPrices").click(function () {
    $(".list",this).toggleClass("visible");
});

---

像这样更改代码

$(".viewPrices").click(function () {
$(".visible").removeClass("visible");
$(".list").addClass("visible");

});

使用：

试试这个：

$(".viewPrices").click(function () {
     $(".list").toggle("visible");
 });

---

没有第二个参数

您可以使用隐藏/显示和切换类

类切换示例

 $(".viewPrices").click(function () {
    $(".list",this).toggleClass("visible");
});

切换显示示例

 $(".viewPrices").click(function () {
    $(".list",this).toggle();
});

功能切换搜索（obj）{
if（obj.className==“viewPrices”）
{
document.getElementById（“viewPrices”）.style.display=“无”；
obj.className=“”；
}否则{
document.getElementById（“viewPrices”）.style.display=“block”；
obj.className=“查看价格”；
}
返回false；
}

也许他需要添加类，而不仅仅是应用可见性。@Alvaro也有toggleClass:）@SilviuBurcea是的，我知道，只是指出它，因为这可能不是他想要的解决方案。@Adil你忘了里面的类了吗

toggleClass

？toggleClass不起作用。。。检查小提琴，toggleClass、addClass和removeClass都不做任何事情尝试：你读了吗？（提示：它接受多少个参数，它们的类型是什么？）；但是当你再次点击按钮时，我想删除这个类：）哈哈，我在那里放了两次toggleClass，但是ofc只需要一次。。Thx朋友。。最好给自己多煮些咖啡；）

 $(".viewPrices").click(function () {
    $(".list",this).toggleClass("visible");
});

 $(".viewPrices").click(function () {
    $(".list",this).toggle();
});

<script type="text/javascript">
  function toggleSearch(obj) {
 if (obj.className == "viewPrices")
{
document.getElementById("viewPrices").style.display = "none";
obj.className = "";
}else {
 document.getElementById("viewPrices").style.display = "block";
  obj.className = "viewPrices";

}
  return false;
}