Alternate color using jquery

by Kheema Pandey

HTML

<ul> 
         <li data-filetype="image">PNG Image</li>
         <li data-filetype="image">PNG Image</li>
         <li>Normal Link</li><!-- After adding this li color sequence breaks -->
         <li data-filetype="image">PNG Image</li>
         <li data-filetype="image">PNG Image</li>
      <li>Normal Link</li>
     <li data-filetype="image">PNG Image</li>
  </ul>

JavaScript

$(document).ready(function(){
  
$("li[data-filetype='image']:even").css({'color':'red'});
$("li[data-filetype='image']:odd").css({'color':'orange'});
$("li:not([data-filetype='image'])").css({'color':'white'});
});