Question

我正在尝试使用jQuery隐藏按钮（使用$.fn.hide()），但jQuery方法不起作用，因为我要隐藏的元素包含Bootstrap .visible-desktop / {{1} } class（使用任何Bootstrap的响应类，真的）。由于.hidden-desktop使用.visible-desktop属性display，因此会发生这种情况。我想显示不同于桌面版的移动/平板电脑的按钮版本，但我希望使用我的两个按钮作为唯一标识。我的问题的一个更简单的版本是：

HTML文件中的

：

!important

在jQuery文件中（Desired，但它不起作用）：

<button class="my-button my-button-for-tablet-mobile hidden-desktop"></button>
<button class="my-button my-button-for-desktop visible-desktop"></button>

我不知道实现这个的更好方法是什么......

编辑：

关于这个问题有一个JsFiddle：

http://jsfiddle.net/bDLnN/

Answer 1

一种方法是使用attr()覆盖它。

以下内容应该有效：

$('.my-button').attr('style', 'display: none !important')

Answer 2

您可以使用接收优先级参数的object.setProperty (propertyName, propertyValue, priority);函数。

$(".my-button").each(function () {
    this.style.setProperty("display", "none", "important");
});

<强> Reference

使用.visible-desktop类隐藏按钮的最佳方法？

2 个答案: