JQuery not first child selector

Question

I have the following markup:

<div class="feed-item">   <div class="date-header">2012-06-03</div> </div> <div class="feed-item">   <div class="todo">Todo</div> </div> <div class="feed-item">   <div class="meeting">meeting</div> </div> 

I want to show only the divs of a different class name e.g. class="todo" and keep the "date-header" visible. I have the following javascript"

$('.feed-cluster,.feed-item-container').not('div:first.date-header').not(className).slideUp(speed, function(){       $('.feed-cluster' + className + ',.feed-item-container' + className).slideDown(speed); }); 

Everything works fine except the bit where I am trying to exclude the first child with a class name of date-header:

.not('div:first.date-header') 

Can anyone suggest an alternative?

Answer 1

$('div.date-header').slice(1); 

Should do it.

slice Is the fastest function!

Because :first is a jQuery extension and not part of the CSS specification, queries using :first cannot take advantage of the performance boost provided by the native DOM querySelectorAll() method.

Alternative way, which still uses the querySelectorAll function:

$('div.date-header').not(':first');