Javascript 检查是否有匹配的类名并执行某些操作

我想检查是否有动态生成的具有匹配类名的元素，并在本例中应用一些代码：

说：

我想检查是否有类为“red”的标记，并对它们应用一些东西 但是请记住，我不能直接调用$（“.red”）元素，因为每次加载页面时它都会发生变化，下次会变成不同的颜色，因此我需要一个通用的解决方案来使用jQuery检查文档中的类名是否匹配：

$('div.c').each(function(_, div) {
    if( $(div).hasClass( 'red' ) ) {
        // this div node has a class called 'red'
    }
});

您可以使用

.hasClass（）

或

.is（）

来确定。请注意，在使用

.is（）

时，需要使用前导点限定字符串，如

'.red'

使用香草Javascript：

[].forEach.call( document.querySelectorAll( 'div.c' ), function( div ) {
    if( div.classList.contains( 'red' ) ) {
        // this div node has a class called 'red'
    }
});

---

谢谢，但我不想使用.red来标识选择器，我只想匹配任何匹配的类名，不管它是什么name@Bishak字体恐怕我不明白。你能详细说明一下吗？我的意思是我想检查文档中的确切类名，但我没有预定义这些类名，它将从后端动态生成，因此我不能直接调用类名，而是需要一个通用的检查方法，我很感激你的帮助help@Bishak当前位置我想我们都同意你的要求。。你可以搜索到的。看起来您要么需要使用一些服务器端模板引擎并将这些类名呈现到您的文件中（作为javascript），要么有某种ajax请求，在某个时刻动态地接收数据。

[].forEach.call( document.querySelectorAll( 'div.c' ), function( div ) {
    if( div.classList.contains( 'red' ) ) {
        // this div node has a class called 'red'
    }
});