javascript - 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 和他的 child 之外的所有 li

$(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>