Question

我在HTML中有以下3个元素：

<span class="a b"></span>
<span class="a"></span>
<span class="a b"></span>

我想选择只有“a”类的元素。如果我只做$("span.a")，那么将选择所有三个元素。另外，我想在for循环中执行它，因为基于此我必须做一些其他的计算。

这看起来像一个简单的问题，但由于某种原因，我无法弄明白。

Answer 1

按class属性选择元素：

$("span[class='a']")

Answer 2

与@dfsq不同的方法

$('.a:not(.b)')

选择课程a没有课程b的所有内容。这也适用于普通的CSS选择器。

.a:not(.b) {
    color: red;
}

如果你想要“完全.a而没有别的”，那么dfsq的解决方案就很棒了。如果您希望使用类的组合更灵活，那么这可能会更好。

此代码段演示了它：

.a:not(.b) {
    color: red;
}

<span class="a b">This span has class="a b"</span><br>
<span class="a">This one has only class="a"</span><br>
<span class="a b">This also has class="a b"</span><br>

如何选择仅与特定类关联的HTML元素

2 个答案: