How to check which elements are being targeted from .on with jQuery

Question

I am unsure which elements are being targeted within my .on

 $('.levelFour').on('mouseover','> li',function(m){

I wonder, is there a way to display which elements are being targeted?

in your console ` $('.levelFour > li')` – Arun P Johny Mar 12 '13 at 12:31 — Arun P Johny, Mar 12 '13 at 12:31

score 0 · Answer 1 · answered Mar 12 '13 at 12:30

0

Inside an event handler, this will be bound to the element that the event fired on. To create a jQuery object from it, use $(this).

answered Mar 12 '13 at 12:30

jonvuri

5,738
3
24
32

return this will mean that i would have to hover over each element. – Jamie Hutber Mar 12 '13 at 13:33

score 0 · Answer 2 · answered Mar 12 '13 at 12:31

0

You can run the following command in your browser console

$('.levelFour > li')

It will list all the elements which are targeted by the event handler at the point of execution. It will vary time to time depends on your dom structure.

answered Mar 12 '13 at 12:31

Arun P Johny

384,651
66
527
531

As i suspected... Not quite what i was hoping for though. I must say its odd. As i know it will look for the selector within `.levelFour` But how can `>` operator work without a parent to do the test against. I wonder how this is computed or worked out. – Jamie Hutber Mar 12 '13 at 13:34
since your base is ` $('.levelFour')` it will look for children of `.levelFour` – Arun P Johny Mar 12 '13 at 13:41
i only want first decenents of .levelFour, hence `>`. So what you're saying is I can do `'> li'` as i have done and it will target the first set of children? – Jamie Hutber Mar 12 '13 at 13:43
If you look at http://jsfiddle.net/MW6Cq/ you can find that the border is applied only to the direct children – Arun P Johny Mar 12 '13 at 15:00

score 0 · Answer 3 · answered Mar 12 '13 at 12:34

0

Try this

$('.levelFour').on('mouseover','> li',function(m){
//something
}).css("border","1px solid red");

will change the border of element to red. hope it helps.

answered Mar 12 '13 at 12:34

Nikhar

1,074
8
23

This won't work as it will only target `.levelFour` as far as i'm aware? – Jamie Hutber Mar 12 '13 at 13:36

How to check which elements are being targeted from .on with jQuery

3 Answers3