Question

我的Web表单中有一个Button控件。在这里，我通过JQuery放置CSS样式。在某些情况下，我想删除页面加载时应用的样式。我必须遍历其父span和DIV元素并删除它们。我想知道如何实现这一目标。在页面加载上应用样式后，HTML标记如下所示：

<DIV class=jquery-roundedBtn>
<SPAN class=spanLt></SPAN>
<INPUT id=DefaultContent_btnRunReport class=edit-submit value="Run Report" type=submit   name=ctl00$DefaultContent$btnRunReport>
<SPAN class=spanRt></SPAN>
</DIV>

Answer 1

试试这个：

$('.spanLt, .spanRt, .jquery-roundedBtn').removeClass("name of class");

Answer 2

你是如何应用风格的？有意思的是，您只需要为要设置样式的元素指定一个类。如果是这种情况，你可以删除它：

$(".mySelector").parent().removeClass("myClass");

我没有看到任何父SPAN，但您可以使用siblings功能选择兄弟SPAN，如果这是您需要的。

Answer 3

你可以直接选择父母

$('.spanLt .spanRt .jquery-roundedBtn').removeClass("name of class");

Answer 4

这是更强大的解决方案：

 $('#DefaultContent_btnRunReport').closest('div').removeClass('test123').find('span').removeClass('test123');

起点是有问题的按钮。 closest('div')将返回div的第一个父级（不仅是直接/直接父级），因此如果稍后更改标记，js仍然有效。 find('span')将返回之前找到的div内的所有范围。

此外，与该按钮相关的仅 div，span将成为目标，而不是所有div，span与这些类

如何遍历父元素并删除Style属性

4 个答案: