reach element sub-class through jquery this

Question

EDIT: the following is pseudo code to represent real classes $('a:hover'); and $(a.subClass); that I want to reach by the means of 'this', being 'this' = <a>.

e.g. $(this:hover), $(this.subClass)

Tough that's not a correct syntax, you might get the idea. Let's say $(this); refers to an <a> element, and I would like to reach its :hover pseudo-class.

how would you do that?

I have a DOM element ' that I can reach in jquery as $('a'); or $(this);

That element has pseudo-classes (e.g. :hover) and sub-classes (e.g. .customClass) that I want to reach.

p.s. i have updated this question to make it more clear, thanks.

What information are you trying to get from the pseudo class? Maybe try backing up from this question and ask a broader question about what you're really trying to do. — treeface, Feb 27 '12 at 21:29

score 1 · Answer 1 · answered Feb 27 '12 at 21:28

1

Maybe you mean something like this?

$(this).filter(':hover')

answered Feb 27 '12 at 21:28

Scott Evernden

39,136
15
78
84

1

Do you have :hover selector in jQuery? .hover != :hover – Selvakumar Arumugam Feb 27 '12 at 21:30
I know it is not a correct syntax, I used it to represent $('a:hover'); in pseudo code. – Feb 27 '12 at 21:44

score 1 · Answer 2 · answered Feb 27 '12 at 21:32

That's what the jQuery .is() and .hasClass() methods are for. They return true or false if the element matches the given selector or has a specific class respectively.

You can't use .is() for hover though, have a look at attaching handler functions to hover state changes with .hover(function, function).

score 0 · Answer 3 · answered Feb 27 '12 at 21:29

0

You just cannot do that because no such selector exists.

I don't know what you are actually trying to do. But if you want to find out all the class names from an element then you can try this.

var classes = this.className.split(' ');

answered Feb 27 '12 at 21:29

ShankarSangoli

69,612
13
93
124

score 0 · Answer 4 · answered Feb 27 '12 at 21:34

0

The best way is to toggle a class for the hover and test for class

answered Feb 27 '12 at 21:34

charlietfl

170,828
13
121
150

score 0 · Answer 5 · answered Feb 27 '12 at 21:36

I think you are mixing CSS with JS.
The idea of JS is to make page interactive. If you want make something happen after 'hovering' an element, you should use event, for example hover event:

  $(this).hover(
   function(){alert('mouse in');}, 
   function(){alert('mouse out');}
  );

it might be the case that you need this information for if statement, sorry i can't use google right now :) conn problems :) i will update my answer if it is needed.

reach element sub-class through jquery this

5 Answers5