使用jQuery删除内联样式

 
 ... 

是否可以使用jQuery（或普通的javascript）删除height属性？ 请注意，有几个.mydiv ul具有不同高度的实例。

Answer 1

要删除属性，请使用以下命令：

 $(".mydiv UL").css("height", ""); 

谢谢你， 我不是要纠正我的答案。

Answer 2

是! 您可以！

如果将css属性设置为空值，则会将其清除。

因此，如果您的内联样式为“background：pink”，则可以通过以下方式将其删除：

 $element.css('background','') 

我很确定我在SE的某个地方学到了东西，但是，唉，没有具体的网站来源，所以道歉，因为无法在信用到期时给予信用。

更新：

好吧，我想我应该去找源头。 从jQuery文档（强调我的）：

将样式属性的值设置为空字符串 – 例如$（’＃mydiv’）。css（’color’，”） – 如果元素已经直接应用，则从元素中删除该属性， 无论是HTML样式属性 ，通过jQuery的.css（）方法，或通过样式属性的直接DOM操作。 但是，它不会删除样式表或元素中使用CSS规则应用的样式。

http://api.jquery.com/css/

Answer 3

试试这个：

 $('.mydiv ul').height(''); 

Answer 4

是的，它是……你想要怎么做

对于不同的broswers，这可能略有不同，但它应该告诉你如何改变它，如果你想。

eek ..无视.. jquery – 更容易:)

Answer 5

将您的style属性添加到CSS，然后您可以使用这些jQuery函数添加或删除类： addClass和removeClass

Answer 6

 $('.mydiv ul').each(function(){ $(this).attr('style', $(this).attr('style').replace('height: ', 'height:').replace('height:'+$(this).css('height')+';', '')); }); 

只需确保样式值格式为"height:111px;" 或"height: 111px;"