從元素中刪除css樣式

Question

我想使用jquery刪除css樣式表添加的父類型。我用Google搜索，但所有我能找到的是去除內嵌樣式或類

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

將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'); 

Answer 2

你不能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()。