JQuery：循环遍历具有多个css类名的元素，这些类只共享第一个类名

Question

我正在尝试使用JQuery循环遍历具有多个类名的几个div，它们都具有相同的第一个css类名，并且每个都具有不同的第二个类名，例如。

<div class="maintext blue"> </div>

<div class="maintext purple"> </div>

<div class="maintext chartreuse"> </div>

<div class="maintext puce"> </div>

<div class="maintext lime"> </div>

在JQuery中我尝试过

$(".mainText").each(function (i)

$(".mainText.*").each(function (i)

$(".mainText" *).each(function (i)

$(".mainText .*").each(function (i)

但是它不会选择任何带有class =“mainText ...”

的div

感谢您考虑这个问题。

Answer 1

请尝试使用$('.maintext').each。类名称区分大小写。

Answer 2

jQuery选择器区分大小写。您的HTML中有maintext，但jQuery选择器中有mainText。

$('.maintext').each

应该工作。

Answer 3

在你的问题中，HTML说maintext，JS使用mainText（大写字母T）。