In jquery can I chain .filter twice?

Question

Why does this work, but the second example does not?

First one works.

function someFunk() {
   $('.listOne li').filter(':odd').css('background-color', '#FFFFFF');
   $('.listOne li').filter(':even').css('background-color', '#F0F0F0');
};

Second one does not work.

function someFunk() {
   $('.listOne li').filter(':odd').css('background-color', '#FFFFFF').filter(':even').css('background-color', '#F0F0F0');
};

Can I not chain .filter() in jquery?

Answer 1

you can use .end() to return to the previous stack after DOM navigation methods.:

$('.listOne li').filter(':odd').css('background-color', '#FFFFFF')
.end().filter(':even').css('background-color', '#F0F0F0');