如何选择具有某个类并以其结尾的类的元素？

Question

我有以下代码

<span id="student" class="studentTrainingActive selected-for">Foo bar</span>

如何选择它？

根据此answer，我尝试使用以下代码：

$('span[class$="TrainingActive"].selected-for').length

但是结果始终为0。

我的代码怎么了？

Answer 1

选择器只是一个小问题。

TK

实际上应该是：

TKM

结果代码：

class$="TrainingActive"

class*="TrainingActive"

控制台中的输出：

console.log($('span[class*="TrainingActive"].selected-for').length);

为什么使用* =而不是$ =

正如@Andreas指出的那样，<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <span id="student" class="studentTrainingActive selected-for">Foo bar</span>作为选择器不起作用的原因是，1 的结尾不是$=。查看class属性：

TrainingActive

以class结尾。

使用包含（studentTrainingActive selected-for ）会根据需要愉快地匹配该类，当然可以根据需要与selected-for组合。