jquery - 使用 JQuery“removeAttr”查找类属性

Question

我想使用 Jquery 从类中删除 text-align 属性

例如：

CSS

.main{ text-align:left; padding:10px;}

HTML。

<h2 id="abc" class="main">
 <div id="xyz"></div>
</h2> 

使用xyzid，如何删除 text-align 属性？

Answer 1

尝试这个

$("#xyz").parent().css({'text-align': "initial"});

Answer 2

没有样式，#xyz所以你必须得到第parent一个：

$("#xyz").parent().css('padding', 0);

如果你想删除整个类，你可以使用removeClass：

$("#xyz").parent().removeClass("main");

Answer 3

这个对我有用：

var ix=$("#xyz").closest('h2').attr("id")
$("#"+ix+".main").css('text-align', "initial");

Answer 4

text-align样式规则不是通过 html 属性给出的。它是通过 css 规则设置的。

如果你想改变 的样式#xyz，最简单的方法是在你的 css 样式表中添加一条规则：

.main{ text-align:left;padding:10px;}
#xyz {text-align: right}

或使用额外的课程（如果您需要将其应用于多个项目）：

.main{ text-align:left;padding:10px;}
.right-aligned {text-align: right}

使用 jQuery，您可以添加一个style带有另一个text-align规则的属性，该规则将覆盖 css 规则：

$('#xyz').css('text-align', 'right');