我想知道如何使用JavaScript(而不是jQuery)选择没有特定类的元素。
例如,我有以下列表:
<ul id="tasks">
<li class="completed selected">One Task</li>
<li>Two Task</li>
</ul>
然后通过以下方式选择完成的任务:
var completeTask = document.querySelector("li.completed.selected");
但是然后我不确定如何选择没有这些类的列表项。
这将选择第二个LI
元素。
document.querySelector("li:not([class])")
要么
document.querySelector("li:not(.completed):not(.selected)")
例:
// select li which doesn't have a 'class' attribute...
console.log(document.querySelector("li:not([class])"))
// select li which doesn't have a '.completed' and a '.selected' class...
console.log(document.querySelector("li:not(.completed):not(.selected)"))
<ul id="tasks">
<li class="completed selected">One Task</li>
<li>Two Task</li>
</ul>
另外,我不想要任何jQuery。
它当前所做的是全选
问题内容: 我想编写一个CSS选择器规则,该规则选择 没有 特定类的所有元素。例如,给定以下HTML: 我想编写一个选择器来选择所有不具有“可打印”类 的 元素,在这种情况下,它们是 导航 和元素。 __ 这可能吗? 注意:在实际的HTML中,我想使用此元素的元素将比 不 包含“可打印的”类的元素多得多(在上面的示例中,我发现这是另一种方式)。 问题答案: 通常,您将类选择器添加到伪类中,如下所示
问题内容: 我想编写一个CSS选择器规则,以选择 没有 特定类的所有元素。例如,给定以下HTML: 我想编写一个选择器来选择所有没有“可打印”类 的 元素,在这种情况下,它们是 导航 和元素。 __ 这可能吗? 注意:在实际的HTML中,我想使用它的地方将比 不 包含“可打印的”类的元素多得多(在上面的示例中,我发现这是另一种方式)。 问题答案: 通常,您将类选择器添加到伪类中,如下所示: 但是,
问题内容: 我想在其CSS包含特定背景色的情况下选择一堆。我该如何实现? 问题答案: 如果我正确理解问题,则选择器 将不起作用, 因为其中不包含“ background- color”属性。您可以快速进行测试以确认它不匹配任何内容: 给出: 这里有一个片段, 将工作 :
问题内容: 在XML文档中,我具有共享相同名称的元素,但是属性的值定义了它是什么类型的数据,并且我想从文档中选择所有具有特定值的元素。我是否需要使用XPath(如果可以,您是否可以建议正确的语法)还是有更优雅的解决方案? 这是一些示例XML: 我想选择类型为的所有子代标签的内容。 PS-我正在尝试使用PHP与Netflix API进行接口-这对我的问题无关紧要,但是如果您想提出一种更好的方法,我非