Rumah  >  Artikel  >  hujung hadapan web  >  jquery如何设置行不同的颜色

jquery如何设置行不同的颜色

coldplay.xixi
coldplay.xixiasal
2020-11-18 10:58:432820semak imbas

jquery设置行不同的颜色的方法:使用设置even为奇数行,odd为偶数行不同颜色,代码为【$('#t1 > tbody tr:even').css('background','white');】。

jquery如何设置行不同的颜色

jquery设置行不同的颜色的方法:

假设table的id为:t1

even为奇数行,odd为偶数行

$(document).ready(function(){
  $('#t1 > tbody tr:even').css('background','white');
  $('#t1 > tbody tr:odd').css('background','#f1f5f8');
});

效果如图:

a8c4a86860309b1f75fcebcd957abd9.png

相关免费学习推荐:JavaScript(视频)

Atas ialah kandungan terperinci jquery如何设置行不同的颜色. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel berkaitan

Lihat lagi