jQuery: selectors with OR condition

Question

I've got following code:

$('table.tableElements thead|tbody tr').children().hover(function(){
    //    How can I do this ↑
});

I'd like to catch all tr's of thead OR tbody but not tfoot.
How can I do this?

Answer 1

$('table.tableElements thead tr, table.tableElements tbody tr ')

A bit verbose, but will work.

http://api.jquery.com/multiple-selector/

Answer 2

$('table.tableElements thead tr, table.tableElements tbody tr')

Answer 3

$('table.tableElements thead tr, table.tableElements tbody tr').children().hover(function() {

});

Answer 4

Try the not method to exclude the tfoot rows:

$('table.tableElements tr').not('tfoot tr').children().hover(function(){
    // code....
});