如何选择没有特定类的元素 [英] How to Select Element That Does Not have Specific Class

问题描述

我想知道如何使用JavaScipt而不是jQuery来选择没有特定类的元素。

例如，我有这个列表：

 < ul id =tasks> 
< li class =completed selected>一项任务< / li> 
< li>两个任务< / li> 
< / ul> 
  

，我通过以下方式选择完成的任务：

  var completeTask = document.querySelector（li.completed.selected）; 
  

但是我不知道如何选择不包含这些类的列表项。 / p>

谢谢！

解决方案

> LI 元素。

  document.querySelector（li：not（[class]）） 
  

或

  document.querySelector（li：not（.completed）：not（.selected））
  

示例： http://jsfiddle.net/nickg1/T9nEk/

I'm wondering how to select an element that does not have a specific class using JavaScipt, not jQuery.

For example, I have this list:

    <ul id="tasks">
        <li class="completed selected">One Task</li>
        <li>Two Task</li>
    </ul>

and I select the completed task by:

    var completeTask = document.querySelector("li.completed.selected");

But then I'm not sure how to select the list item that does not habe those classes.

Thanks!

解决方案

This selects the second LI element.

document.querySelector("li:not([class])")

or

document.querySelector("li:not(.completed):not(.selected)")

Example: http://jsfiddle.net/nickg1/T9nEk/

这篇关于如何选择没有特定类的元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！