jQuery交替行颜色

Posted 2021-02-25

This one is simple yet very useful. You can do alternating row colors with 2 simple lines of jQuery

//jquery
  $('div:odd').css("background-color", "#F4F4F8");
  $('div:even').css("background-color", "#EFF1F1");
 
 
//html example
<div>Row 1</div>
<div>Row 2</div>
<div>Row 3</div>
<div>Row 4</div>
 
//you can use td, tr, li, etc..