jQuery Forum

should probably be something like…

1. $('body').on('mouseenter', '.dataTables_wrapper  td , fun);

There is no "<" selector.

Here's a try with your suggestion: http://jsfiddle.net/6vhhjhon/3/

Didnt work :-\

$( "tr:has(td > .dataTables_wrapper)" )

As IDs must be unique within a document, this is all you need to find the element with the ID:

    $('#test')

To find the <tr> :

  $('#test').closest('tr');

The only reason to ever put any qualifier in front of or adjacent to an ID selector would be if you only want to find it should it be found within some nesting or when accompanied by some class or other qualification of the same element.

I often see selectors like 

  $('.xyz div.#my-id')

and 99% of the time the extra stuff is unneeded rubbish.

Here's a couple of legitimate reasons for combining an ID with something else:

  $('#my-id.selected')

I want to find the element with id='my-id' , but only if it also has the class ' selected '.

  $('.selected #my-id')

I want to find the element with  id='my-id' , but only if some parent has the class ' selected '. Think inside of table rows, list items, etc. However, this one is much more likely encountered in CSS than in JS code.

If you duplicate the ID within the document, you've broken the rules, and all bets are off.

What are you really trying to accomplish?

The problem with using something like

1. $('#test').closest('tr');

It looks like I got it working with this though:

1. $('body').on('mouseenter', "tr:has(td > .dataTables_wrapper)" , fun);

If I want an element to fade in when you mouseenter over either of two elements that are right next together (but not grouped), and fadeout when you mouseleave, how can I accomplish that if they're right next to one another? the mouseenter would fire off exactly as the mouseleave does, that causes issues.

Demo: http://jsfiddle.net/jbubq6nL/

The goal is to get "Hello World" to fade in when you mouseenter on the top div, then fadeout when you mouseleave the bottom div.

Thanks!!