Question

我想从子代号2的.active之外的所有锚点中删除类<a>；我不知道为什么这行不通。

/*Remove ".active" from all the anchors except child number 2 */
$("#list li:not(li:nth-child(2) a)").removeClass("active");

<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>


<style>
  .active {
    color: red;
  }
</style>


<div id="list">
  <ul>
    <li><a class="active" href="#">One</a></li>
    <li><a class="active" href="#">Two</a></li>
    <li><a class="active" href="#">Three</a></li>
  </ul>
</div>

谢谢大家。

Answer 1

您的选择器错误。您应该改用hasNext()。

public static void main(String[] args) {
        String[] command = new String[20];
        Scanner a = new Scanner(System.in);
        for (int i = 0; a.hasNext(); i++) {
            command[i] = a.next();
            System.out.println(i);
            System.out.println("Do you want to continue? y/n");
            if(a.next().equals("n")){
                break;
            }
        }
        a.close();
        System.out.println("asd");
    }

#list li a:not(li:nth-child(2) a)

Answer 2

您的选择器写错了，考虑到)字符放错了位置，我认为这是由于后来编辑选择器而产生的错字。因此，而不是：

$("#list li:not(li:nth-child(2) a)").removeClass("active");

代替使用：

$("#list li:not(li:nth-child(2)) a").removeClass("active");

您的原始选择器正在寻找<li>元素，该元素不是其父元素的第二个子元素，也不是<a>元素；所有<li>元素都是如此。

/*Remove ".active" from all the anchors except child number 2 */
$("#list li:not(li:nth-child(2)) a").removeClass("active");

<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>


<style>
  .active {
    color: red;
  }
</style>


<div id="list">
  <ul>
    <li><a class="active" href="#">One</a></li>
    <li><a class="active" href="#">Two</a></li>
    <li><a class="active" href="#">Three</a></li>
  </ul>

</div>

Answer 3

我认为这个更好看：

$("#list li a").not('#list li:nth-child(2) a').removeClass("active");

.active{
    color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="list">
<ul>
    <li><a class="active" href="#">One</a></li>
    <li><a class="active" href="#">Two</a></li>
    <li><a class="active" href="#">Three</a></li>
</ul>

</div>

jQuery-removeClass（）应用于除一个类之外的所有类

3 个答案: