时间戳

首页 > 解决方案 > 使用 JQuery 修改和删除 CSS 类属性

javascript - 使用 JQuery 修改和删除 CSS 类属性

问题描述

我正在尝试min-width从类中删除该属性并尝试将属性从 toui-widget-content修改为for class 。width: auto !important;width: 250px;ui-dialog

请注意，这 2 个更改应仅应用于类的父类和childDiv实现，并且在其他地方应保持不变。ui-widget-contentui-dialog

任何建议将不胜感激。

<div class="ui-widget-content ui-dialog">
    <div id="childDiv">
        ...
    </div>
    ...
</div>

.ui-widget-content {
    min-width: 360px;
    ...
}

.ui-dialog {
    width: auto !important;
    ...
}

我尝试了什么（没有成功）：-

对于移除：

$("#childDiv").parent('.ui-widget-content').removeAttr("min-width");

对于修改：

$("#childDiv").parent('.ui-dialog').css({"width: 250px"});

标签： javascripthtmljquerycss

解决方案

你有两个问题。首先min-width不是属性，它是 CSS 属性，所以调用removeAttr()不会有任何效果。要重置属性，您需要使用该css()方法。

第二个问题是您使用css(). 您可以向它提供一个对象，但是您在对象中使用的语法是无效的。您应该提供单独的键和值，而不是单个字符串。或者，您可以提供要设置为单独参数的属性的键/值。

要更正此问题，请尝试以下操作：

let $childDiv = $("#childDiv")
$childDiv.parent('.ui-dialog').css('width', '250px');
$childDiv.parent('.ui-widget-content').css('min-width', 'auto');

jQuery 文档css()中提供了有关使用的更多信息

推荐阅读