使用JQuery“removeAttr”查找Class属性

Question

我想使用Jquery

从类中删除text-align属性

例如：

CSS

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

HTML

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

使用xyz id，如何删除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');