Login Register
Home » Support » Forums » Dojo Core (dojo.*, 0.9+) » Dojo Core Support » Is there a way to get multiple query items into dojo.query?

Is there a way to get multiple query items into dojo.query?

Submitted by 2dor on Mon, 02/11/2008 - 23:32.

I want to select a node that has two classes in it. Like dojo.query(".dndItemOver, .dndItemAnchor") is this possible or is it only one arg? Tried a couple ways and can't find any examples on multiple queries except in stores.

‹ dojo.connect causes exception Test that all dojo .js files are loaded ›

Does simple CSS selector

Submitted by eugene on Tue, 02/12/2008 - 07:35.

Does simple CSS selector ".classA.classB" work for you?

You can do it exactly as you

Submitted by alex on Tue, 02/12/2008 - 07:38.

You can do it exactly as you wrote it:

dojo.query(".dndItemOver, .dndItemAnchor")

Returns the joined search results of each query, as per the CSS 3 selector spec.

--
Project Lead, The Dojo Toolkit 
President, The Dojo Foundation

I think he wanted to select

Submitted by eugene on Tue, 02/12/2008 - 07:42.

I think he wanted to select nodes that are marked by two classes at the same time. An AND selector instead of an OR selector.

That's what the comma

Submitted by alex on Tue, 02/12/2008 - 08:23.

That's what the comma operator does. It lets you run multiple queries and get the results of both in AND fashion.

--
Project Lead, The Dojo Toolkit 
President, The Dojo Foundation

Actually, I think he means...

Submitted by ttrenka on Tue, 02/12/2008 - 15:41.

..."get all nodes with both classes in it", i.e. <div class="dndItemOver dndItemAnchor">, as opposed to a union of nodes. IIRC, the solution Eugene suggested should work:

var nodelist=dojo.query(".dndItemOver.dndItemAnchor");

...though I haven't tested it.

Otherwise, you can always use filter to modify:

var nodelist=dojo.query(".dndItemOver").filter('return (item.className.indexOf("dndItemAnchor")>-1;)');

That's exactly what I wanted to do

Submitted by 2dor on Tue, 02/12/2008 - 19:16.

That's exactly what I wanted to do. I think I'll have to use the .filter method. I believe chaining CSS selectors like this (.dndItemOver.dndItemAnchor) only works for FF and I need it to work in IE6/7 and FF.

Thanks a lot for the help. That not only solves this but a couple other issues too :)

dojo.query() is here to

Submitted by eugene on Thu, 02/14/2008 - 00:22.

dojo.query() is here to eliminate browser difference, not to enhance them. I think chaining selectors will work in any browser supported by Dojo, including IE6/7 regardless of their implementation of CSS.

thanks ttrenka

Submitted by alex on Wed, 02/13/2008 - 06:23.

You and eugene were right. I was being dense ;-)

It's worth noting that you can also .filter() with a simple CSS selector in dojo.query():

var nodelist = dojo.query(".dndItemOver").filter(".dndItemAnchor");
--
Project Lead, The Dojo Toolkit 
President, The Dojo Foundation

ooh, that's sexy.

Submitted by ttrenka on Wed, 02/13/2008 - 15:23.

Didn't know you'd modded it to be just an additional selector, that's sweet.