jQuery addclass修改

Question

我有一个问题如何只在一，三，四插入背景红色？

$(function() { 
 
    $("#myid li").addClass("redcolor"); 
 
});

.redcolor { 
 
    background-color: red 
 
} 
 

 
.abcsize { 
 
    font-size: 36px 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul id="myid"> 
 
    <li>One</li> 
 
    <li class="abcsize"> 
 
    Two 
 
    <ul> 
 
     <li>First</li> 
 
     <li>Second</li> 
 
    </ul> 
 
    </li> 
 
    <li>Three</li> 
 
    <li>Four</li> 
 
</ul>

Answer 1

使用not()函数来获取所有李时珍除了.abcsize和他的孩子们

$(function(){ 
 
$("#myid li").not('.abcsize,.abcsize li').addClass("redcolor"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<style> .redcolor {background-color:red} 
 
.abcsize {font-size:36px} 
 
</style> 
 
<ul id="myid"> 
 
<li>One</li> 
 
<li class="abcsize"> 
 
    Two 
 
    <ul> 
 
     <li>First</li> 
 
     <li>Second</li> 
 
    </ul> 
 
</li> 
 
<li>Three</li> 
 
<li>Four</li> 
 
</ul>

Answer 2

使用not选择，使其

$("#myid > li:not(.abcsize)").addClass("redcolor"); 

还可以使用>只选择孩子

演示

$(function() { 
 
    $("#myid > li:not(.abcsize)").addClass("redcolor"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<style> 
 
    .redcolor { 
 
    background-color: red 
 
    } 
 
    
 
    .abcsize { 
 
    font-size: 36px 
 
    } 
 
</style> 
 
<ul id="myid"> 
 
    <li>One</li> 
 
    <li class="abcsize"> 
 
    Two 
 
    <ul> 
 
     <li>First</li> 
 
     <li>Second</li> 
 
    </ul> 
 
    </li> 
 
    <li>Three</li> 
 
    <li>Four</li> 
 
</ul>

Answer 3

使用not()功能。其用于选择全部没有.class,#id,tag作为not()函数的参数。

$(function(){ 
    $("#myid>li").not(".abcsize,.abcsize>ul>li").addClass("redcolor"); 
});