jquery - 从元素中删除 css 样式

Question

我想删除使用 Jquery 的 css 样式表添加的父样式。我用谷歌搜索，但我能找到的只是删除内联样式或类

HTML

<p><span>text</span></p>

CSS

p{
    width:300px;
    height:200px;
    border:solid 3px #000;
    padding:10px;
    font-size:23px;
}

span{
    width:100%;
    height:100%;
    background: #ccc;
    padding:10px;
}

我尝试了许多 Jquery 变体，其中之一：

$('span').parent().removeAttr( 'style' );

JsFiddle 示例

Answer 1

你不能removeAttribute从，P因为没有为标签设置内联 CSS或style属性。P

您可以使用覆盖默认 css.css()

你可以做什么。

1. $('span').parent('p').css({ width:350px;height:250px;border:solid 5px #000;padding:5px;font-size:20px;}); 如上覆盖规则

2. class为父母创建P并使用.removeClass().

Answer 2

将 cssClass 应用于父元素，然后通过在 jQuery 中使用 removeClass 我们可以删除该类。

<p class="className"><span>text</span></p>


.className{
    width:300px;
    height:200px;
    border:solid 3px #000;
    padding:10px;
    font-size:23px;
}


    $('span').parent().removeClass( 'className' );