Jquery select all elements that have an accesskey defined

Question

I want to select all elements that have an accesskey defined on them.

I know that i can do this: $('[accesskey]'), but that gives me lot of inputs, hrefs etc, on the page (most of them have an empty accesskey).

What is the way to select only the elements where the accesskey actually has a value?

_{Edit: I found the cause of the empty accesskeys as well, was caused by some old disable / restore accesskeys javascript functions over multiple modal dialogs.. normally you won't get that much elements with empty accesskeys}

You can check this post... stackoverflow.com/questions/1097522/… — Subhajit
– Subhajit, Commented Jun 15, 2012 at 9:32
@Subhajit: that post is about the existance of an attribute. My question is about an attribute that should have a value, not just the existance of it. — Erik Dekker
– Erik Dekker, Commented Jun 15, 2012 at 10:26

gdoron · Accepted Answer · 2012-06-21 06:30:12Z

2

With one selector:

$('[accesskey][accesskey!=""]').foo

How does it work:

// Has the accesskey attribute defined.
[accesskey]

// Doesn't have an empty value for the accesskey attribute.
[accesskey!=""]

Together it select every element which has the accesskey attributes and it's not empty.

edited Jun 21, 2012 at 6:30

answered Jun 15, 2012 at 9:34

gdoron

151k59 gold badges302 silver badges376 bronze badges

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

Comments

Prasenjit Kumar Nag · Accepted Answer · 2012-06-15 10:24:54Z

1

You can do this

$('[accesskey]').filter(function(){
    return $(this).prop('accessKey');
});

.filter() or like other have already said you can use the attribute-not-equal-selector

Working sample

edited Jun 15, 2012 at 10:24

answered Jun 15, 2012 at 9:30

Prasenjit Kumar Nag

13.5k3 gold badges47 silver badges57 bronze badges

2 Comments

Prasenjit Kumar Nag Over a year ago

@thecodeparadox, Thanks. attr is fixing that. I thought attr and prop is interchangeable. Can you please correct me?

gdoron Over a year ago

@thecodeparadox. By the way, the problem was with your fiddle, prop works just fine... Please don't tell people they are "totally wrong" specially when they are not. :( And joy, you do need to change accesskey to accessKey if you're using prop, properties are case sensitive while attributes are not. Good luck for you both...

Holger D. Schauf · Accepted Answer · 2012-06-15 09:33:19Z

0

you can use and additional loop

$("[accesskey]").each(function() {
    if($(this)).attr('accesskey').length > 0) {
        // do it
    }
}

i hope it will help you

answered Jun 15, 2012 at 9:33

Holger D. Schauf

1473 bronze badges

Collectives™ on Stack Overflow

Jquery select all elements that have an accesskey defined

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related