How to get a Selector using this

Question

I have a Selector in a Selector. I want the inner Selector to select only those elements, that are also selected by the outer Selector. This is what my naiveté came up with:

$('.some-class').hover(function() {
    $( this + '.another-class'); 
})

Put differently, I want the elements with with another-class AND which are children of the element that is hovering. How do I do that?

you could just pass `this` as a second parameter to `$`. Like: `$('.another-class', this);` — Yoshi, Nov 08 '11 at 09:58

score 5 · Accepted Answer · answered Nov 08 '11 at 09:56

5

Use the children() method.

$('.some-class').hover(function() {
    $(this).children('.another-class');
});

This method falls under the traversal category, which allows you to select ancestors, descendants, siblings etc all from the current element.

answered Nov 08 '11 at 09:56

Matt

74,352
26
153
180

gion_13 · Answer 2 · 2011-11-08T09:56:36.213

2

$('.some-class').hover(function() {
    $(this).find('.another-class'); 
})

edited Nov 08 '11 at 09:56

answered Nov 08 '11 at 09:56

gion_13

41,171
10
96
108

score 2 · Answer 3 · edited May 23 '17 at 12:03

2

This Keyword represent Object

You need to try this

jQuery(".another-class", this);

More detail

edited May 23 '17 at 12:03

Community

1
1

answered Nov 08 '11 at 09:59

Rupesh Pawar

1,887
12
17

It should be noted that this is looking for descendants, not just children. – Matt Nov 08 '11 at 10:15

How to get a Selector using this

3 Answers3