Search jQuery

jQuery Forum

Using jQuery

mercnr

hover() - trigger function changing the child of hovered object

in Using jQuery • 9 years ago

Hi there

I'm pretty new to jquery/javascript, and I can't answer this question for myself.

The thing I want is to change a class of an object (toggleClass) when hovering the parent-element.

Now; I can hover the parent, but then I want to apply the function to a child of it.

$('.parentclass').hover(
function () {
$(this.childclass).toggleClass('new-class-for-child');
},
function () {
}
);

of course this code does not work.

the 'this.childclass' of course does not select the right object.

Now I wanted to know how I select the child of the hovered parent correctly.

I tried things like

$(this).find('.childclass');

but unfortunately this did not work either. somehow I have to many brackets there I believe.

Well I think for some of you this is just peanuts, but right now I just can't figure it out.

Thanks for helping me out.

Cheers

Replies(3)

Drudeken

Re: hover() - trigger function changing the child of hovered object

9 years ago

jsFiddle Link

$(this).children('.childClass').toggleClass('newChildClass');

mercnr

Re: hover() - trigger function changing the child of hovered object

9 years ago

Thanks a lot.

In the meantime I found the original problem;

.find does work too:

$(this).find('.childClass').toggleClass('newChildClass');

the problem was just, that I also wrote a point before the newChildClass - consequently like this

$(this).find('.childClass').toggleClass('.newChildClass');

And of course the .children does work as well. (but only for direct children?)

Anyway I got what I was looking for.

Thanks a lot for the fast and competent answer.

Cheers

Drudeken

Re: hover() - trigger function changing the child of hovered object

9 years ago

You are welcome!

Here is another jsFiddle showing that children only selects direct child nodes and find is recursive.

.children vs. .find

Top Reply

Response title

Attachments

jQuery Forum

hover() - trigger function changing the child of hovered object

Replies(3)

Re: hover() - trigger function changing the child of hovered object

Re: hover() - trigger function changing the child of hovered object

Re: hover() - trigger function changing the child of hovered object

Statistics

Tags

Actions