通过 jQuery 中的父 ID 检查元素中是否存在类

在前端开发中，经常需要检查元素是否包含某个类，通过 jQuery 中的父 ID 选择器可以轻松实现这个功能。

选择器语法

父 ID 选择器的语法为 #parentID .className，其中 parentID 是元素的父级 ID，className 是需要判断的类名。如果某个元素包含该类，就会匹配成功。

示例代码

// 判断元素中是否包含类名为 "active"
if ($('#parentID .className').hasClass('active')) {
    console.log('该元素包含 "active" 类');
} else {
    console.log('该元素不包含 "active" 类');
}

代码中，我们通过 hasClass 方法判断元素中是否包含类名为 "active" 的类。

注意事项

• 父 ID 选择器的效率比较低，需要遍历与匹配，因此不建议在频繁操作的场景中使用。
• 如果元素有多个类名，需要判断时，需要使用空格将多个类名隔开。
• 如果要判断的元素不是父 ID 下的直接子元素，需要使用后代选择器（#parentID .className *）或后面紧跟一个空格（#parentID .className）。