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 example

Answer 1

您不能removeAttribute来自P，因为style标记没有设置内联css 或P属性。

您可以使用.css()

覆盖默认css

你可以做什么。

$('span').parent('p').css({ width:350px;height:250px;border:solid 5px #000;padding:5px;font-size:20px;});覆盖上述规则
为父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' );

从元素中删除css样式

2 个答案: