Question

我有一个非常基本的问题。我想使用removeClass()属性并使用子选择器删除一个类。我的Fiddle Attempt

<h2>Song</h2>

<div class="a">
    <div class="b">
        Hello
    </div>
</div>


<div class="a">
    <div class="c">
        Hello
    </div>
</div>

<script> $(".a>.b").removeClass(".b");</script>

Answer 1

从班级名称中删除.，在这种情况下，.b应该在b内removeClass()。

$(".a >.b").removeClass("b");

.a{
  border: 1px solid red!important;    
}
.b{
  border: 1px solid green!important;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h2>Song</h2>

<div class="a">
    <div class="b">
        Hello
    </div>
</div>


<div class="a">
    <div class="c">
        Hello
    </div>
</div>

Answer 2

您的选择器是正确的，只是您没有类名.b但是b

您应该从removeClass

中删除.(dot)

$( document ).ready(function() {
    console.log( "ready!" );
    $(".a>.b").removeClass("b");
});

工作小提琴： JSFIDDLE

Answer 3

余不得使用。（dot）in removeClass（）;

<script> $(".a>.b").removeClass("b");</script>

Answer 4

You may also try this way,


    <style>
    .a {color:blue}
    .b {color:red}

    </style>
    <h2>Song</h2>

    <div class="a">
        <div class="b">
            Hello
        </div>
    </div>
    <div class="a">
        <div class="c">
            Hello
        </div>
    </div>
    <script>
    $( document ).ready(function() {   
       $(".a").find('.b').removeClass('b');
//or 
$(".a").children('.b').removeClass('b');
    });
    </script>

使用不在Jquery中工作的子选择器删除类

4 个答案: