JQuery: loop through elements with more than one css class name that share only the first class name

Question

I'm trying to use JQuery to loop through several div's with more than one class name, that all have the same first css class name and each one has a different second class name, e.g.

<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>

In JQuery I have tried

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

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

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

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

But it will not select any of the divs with class="mainText ..."

thanks for considering the question.

user236139 · Accepted Answer · 2011-01-12 04:48:11Z

2

Try $('.maintext').each instead. Class names are case-sensitive.

answered Jan 12, 2011 at 4:48

user236139

Sign up to request clarification or add additional context in comments.

2 Comments

omaether Over a year ago

sorry for the typo. that is psuedo code to show what I what I am doing. my jQuery has the correct case, but still is not working at the basic selector level. $(".whatever") still does not select div class='whatever youwant' /div appreciate it,

user236139 Over a year ago

It should be working perfectly then. Can you post more information (the context of the HTML, the context of the jQuery) so we can see potentially what's going on?

David Tang · Accepted Answer · 2011-01-12 04:48:48Z

1

jQuery selectors are case sensitive. You have maintext in your HTML but mainText in the jQuery selector.

$('.maintext').each

Should work.

answered Jan 12, 2011 at 4:48

David Tang

93.8k32 gold badges169 silver badges149 bronze badges

3 Comments

omaether Over a year ago

sorry for the typo. that is psuedo code to show what I what I am doing. my jQuery has the correct case, but still is not working at the basic selector level. $(".whatever") still does not select div class='whatever youwant' /div appreciate it,

omaether Over a year ago

Yes! it looks like it worked with just the first class name as you guys said. I found I had ended up with type="text/x-javascript" in the script tag, and once I removed it the script hit all the divs.

David Tang Over a year ago

@omaether, that's because the browser doesn't recognise "x-javascript" so doesn't even run it. You should have type="text/javascript" though.

nonopolarity · Accepted Answer · 2011-01-12 04:49:38Z

0

in your question, the HTML says maintext and the JS uses mainText (capital T).

answered Jan 12, 2011 at 4:49

nonopolarity

152k142 gold badges496 silver badges787 bronze badges

Collectives™ on Stack Overflow

JQuery: loop through elements with more than one css class name that share only the first class name

3 Answers 3

2 Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related