单击按钮时如何删除css部分

How can I remove a css portion when a button is clicked

本文关键字：删除 css 部分 按钮 何删除 单击      更新时间：2023-09-26

当我点击按钮时，我需要从导航栏折叠中删除这个css部分：

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

我试过这样的东西：

$("#toggleButton").click(function()
{
   $(".navbar-collapse").remove("ul.nav","li.dropdown","ul.dropdown-menu");
});

但它不起作用。我想要一个响应的导航栏菜单，当它折叠时，从该视图中删除下拉菜单。

您尝试过removeClass吗？

$(".navbar-collapse").removeClass("nav dropdown dropdown-menu");

如果您想从DOM 中删除元素

$(".nav, .dropdown, .dropdown-menu").remove();

您只需要在应用于ul元素的类.dropdown-menu上设置css属性display到none。

ul.nav li.dropdown:hover在这里没有任何相关性，因为它们被用作元素定位器，并且没有应用display:none。

$("#toggleButton").click(function()
{
    $('ul.dropdown-menu').css('display','none');
});

要删除整个css属性，

$("#toggleButton").click(function()
{
    $('ul.dropdown-menu').removeAttr('style');
});

实现这一点的方法不止一种，但您可以通过在单击按钮时更改css来实现

以下是你将如何做到这一点：

$("#toggleButton").click(function()
{
   $("ul.nav li.dropdown:hover > ul.dropdown-menu").css({"display": "none"});
});

试试这个：

$("#toggleButton").click(function(){
   $(".navbar-collapse").remove("ul.nav li.dropdown > ul.dropdown-menu");
});
相关文章：