Using jquery $.each with multiple selectors

Question

I want get all the accesskeys that are on a button or link. I have the following.

$(":button[accesskey!=''], :a[accesskey!='']").each(function(i) {
 //code
});

You can see it here http://jsfiddle.net/QNPZU/

I thought you could have multiple selectors by separating them using a comma but the above code does not work.

If I do

$(":*[accesskey!='']").each(function(i) {
 //code
});

it will work, but I take it there will be a performance problem if the dom is huge?

Ram · Accepted Answer · 2015-02-18 14:40:07Z

13

You can code:

$("button[accesskey], a[accesskey]").each(function(i) {
   //code
});

edited Feb 18, 2015 at 14:40

answered Aug 15, 2012 at 9:44

Ram

145k16 gold badges174 silver badges201 bronze badges

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

2 Comments

Karsten Over a year ago

Are you sure :button is deprecated. It seems to be in the main api

Ram Over a year ago

@Karsten :button and :radio and several other selectors were deprecated as of jQuery 1.7 and jQuery developers suddenly removed the deprecation notice. Now I have several answers that say "the x selector is deprecated" which is not true anymore. One of them is this answer. Good call. Thanks.

Samich · Accepted Answer · 2012-08-15 09:44:18Z

3

Use a instead of :a:

$(":button[accesskey!=''], a[accesskey!='']").each(function(i) {
 //code
});

Code: http://jsfiddle.net/QNPZU/3/

answered Aug 15, 2012 at 9:44

Samich

30.4k6 gold badges70 silver badges80 bronze badges

Comments

techfoobar · Accepted Answer · 2012-08-15 09:44:48Z

0

Check this updated fiddle: http://jsfiddle.net/techfoobar/QNPZU/2/

There were 2 problems with your code.

a. For selecting links and buttons, you need to use a and button and not :a and :button

b. You can select items with an attribute called accesskey simply by using a[accesskey]. you need not use a[accesskey!=""]

answered Aug 15, 2012 at 9:44

techfoobar

66.8k14 gold badges117 silver badges138 bronze badges

2 Comments

Decrypter Over a year ago

Thanks the answer. What does the colon do different?

techfoobar Over a year ago

The ':XYZ' notation is for filtering using runtime properties like :visible, :checked etc.. For selecting all elements of a given tag, simply use the tag name as specified in the API doc (previous comment)

Collectives™ on Stack Overflow

Using jquery $.each with multiple selectors

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related