Question

我想删除.text_default：

的嵌套代码中的所有属性

  $("text_default").removeAttr("style");

但它不起作用。

<tr class="layout_default">
    <td class="layout_default" align="left" valign="middle">
        <div class="text_default"> 
            <span style="color: rgb(64, 64, 64); font-family: Verdana, Arial; font-size: 11px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam orci ipsum, rutrum a sem sed, hendrerit euismod orci. Donec nec ornare mauris. Duis sit amet magna augue. Cras id nibh blandit, ultricies nisi a, feugiat nibh. Mauris eu tortor scelerisque, suscipit ipsum quis, fringilla leo. Duis ultrices, neque pharetra dictum iaculis, velit libero rutrum nisl, eu pharetra est nisi a risus. Etiam lobortis sapien turpis. </span>
            <br style="color: rgb(64, 64, 64); font-family: Verdana, Arial; font-size: 11px;" />
            <br style="color: rgb(64, 64, 64); font-family: Verdana, Arial; font-size: 11px;" /> 
            <span style="color: rgb(64, 64, 64); font-family: Verdana, Arial; font-size: 11px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam orci ipsum, rutrum a sem sed, hendrerit euismod orci. Donec nec ornare mauris. Duis sit amet magna augue. Cras id nibh blandit, ultricies nisi a, feugiat nibh. Mauris eu tortor scelerisque, suscipit ipsum quis, fringilla leo. Duis ultrices, neque pharetra dictum iaculis, velit libero rutrum nisl, eu pharetra est nisi a risus. Etiam lobortis sapien turpis. </span>
            <br style="color: rgb(64, 64, 64); font-family: Verdana, Arial; font-size: 11px;" />

任何帮助都将不胜感激。

Answer 1

您缺少选择器的点并添加包含样式属性的范围：

$(".text_default>span").removeAttr("style");

Answer 2

#text_default不存在且.text_default没有style属性。

$('.text_default span').removeAttr('style');

Answer 3

要从所有中移除style属性，.text_default的孩子 - <span>＆{39}和<br>＆＃39; s - 使用.children()，如下所示：

$('.text_default').children().removeAttr('style');

See it in action here。这只处理.text_default的直接后代。要在.text_default中删除所有元素，您可以使用*选择器，如下所示：

$('.text_default *').removeAttr('style');

Answer 4

当你打电话给一个班级时，你应该使用点：

HTML: <div class="class-name"></div>
JQuery: $('.class-name span').removeAttr("style");

如果它是一个ID，你应该通过sharp：

来调用它

HTML: <div id="id-name"></div>
JQuery: $('#id-name span').removeAttr("style");

Answer 5

首先，如果您想定位并使用ID＆＃39;＃＆＃39;首先，您不能正确定位您的元素。如果您想定位课程，请使用＆＃39;

//targeting id
$('#id-name') 

//targetting class
$('.class-name')

在这种情况下，您希望使用text-default类来定位div中的所有元素，因此您应该使用

$(.text_default *).removeAttr("style");

删除属性jQuery

5 个答案: