Javascript 如何检查最后一个元素是否有css类？

我正在根据用户输入，一个接一个地向这些元素添加类。当我到达本节的最后一个跨度元素时，我需要放弃弹出窗口。如何检查最后一个跨度是否添加了css类

<section id="word-section"><span class="incorrect-word-c">ਪਰਕੋ</span><span class="current-word">ਚੇਤਕ</span><span>ਚਰਚ</span><span>ਪਰਕ</span><span>ਰੋਕ</span><span>ਰੇਤ</span><span>ਕਰੋ</span><span>ਚਟਪਟ</span><span>ਤਕ</span><span>ਰੁਤ</span><span>ਚਰਚ</span><span>ਰੋਕੋ</span><span>ਰਕਤ</span><span>ਰੋਕ</span><span>ਚਰਚ</span><span>ਪਰਕ</span><span>ਰੇਤ</span><span>ਪਰਕ</span><span>ਪਰਕ</span><span>ਪਰਤ</span><span>ਕਿ</span><span>ਰੋਕ</span><span>ਚੋਕਰ</span><span>ਰਕਤ</span><span>ਕਿ</span><span>ਰੋਕੋ</span><span>ਰੇਤ</span></section>

ਪਰਕੋਚੇਤਕਚਰਚਪਰਕਰੋਕਰੇਤਕਰੋਚਟਪਟਤਕਰੁਤਚਰਚਰੋਕੋਰਕਤਰੋਕਚਰਚਪਰਕਰੇਤਪਰਕਪਰਕਪਰਤਕਿਰੋਕਚੋਕਰਰਕਤਕਿਰੋਕੋਰੇਤ

此命令将查找作为单词section的直接子级的所有跨距。然后，它过滤，只包括那些没有当前word类的，并获得它们的长度（计数）

---

如果剩余的

为零，则他们都有相应的课程。
来回答特定的问题

检查最后一个元素是否有css类

您可以使用：

$("#word-section > span:last").hasClass("current-word")

这将：


查找
单词部分
获取所有直接子代跨度
将跨度限制为最后一个
：last
检查最后一个单词是否有class
当前单词

有很多不同的方法可以做到这一点，例如：

$("#word-section").find(">span").last().is(".current-word")
$("#word-section > span.current-word:last").length == 1
$("#word-section > span.current-word").nextAll().length == 0

示例代码段：


if（$（“#单词部分>span:last”）.hasClass（“当前单词”））{
//显示弹出窗口
log（“示例：最后一个单词是当前单词”）；
}
否则{
log（“示例：还有更多单词要写”）；
}
if（$（“#word-section-sample2>span:last”）.hasClass（“当前单词”））{
//显示弹出窗口
log（“示例2：最后一个单词是当前单词”）；
}
否则{
log（“示例2：还有更多单词要写”）；
}

ਪਰਕੋਚੇਤਕਚਰਚਪਰਕਰੋਕਰੇਤਕਰੋਚਟਪਟਤਕਰੁਤਚਰਚਰੋਕੋਰਕਤਰੋਕਚਰਚਪਰਕਰੇਤਪਰਕਪਰਕਪਰਤਕਿਰੋਕਚੋਕਰਰਕਤਕਿਰੋਕੋਰੇਤ
ਪਰਕੋਚੇਤਕਚਰਚਪਰਕਰੋਕਰੇਤਕਰੋਚਟਪਟਤਕਰੁਤਚਰਚਰੋਕੋਰਕਤਰੋਕਚਰਚਪਰਕਰੇਤਪਰਕਪਰਕਪਰਤਕਿਰੋਕਚੋਕਰਰਕਤਕਿਰੋਕੋਰੇਤclassList.contains（“current word”）
-您只能在
.class
中使用
作为jquery中的选择器
$("#word-section").find(">span").last().is(".current-word")
$("#word-section > span.current-word:last").length == 1
$("#word-section > span.current-word").nextAll().length == 0