使用JQuery需求:将数据行的奇数行背景色设置为 pink偶数行背景色设置为 yellow
使用jQuery可以通过以下代码来实现将数据行的奇数行背景色设置为pink,偶数行背景色设置为yellow:
$(document).ready(function(){
$('tr:even').css('background-color', 'yellow');
$('tr:odd').css('background-color', 'pink');
});
上述代码中,$('tr:even')选取所有偶数行的tr元素,使用.css('background-color', 'yellow')将它们的背景色设置为yellow。同样地,$('tr:odd')选取所有奇数行的tr元素,使用.css('background-color', 'pink')将它们的背景色设置为pink。
将上述代码放在$(document).ready()函数中,确保在DOM加载完成后执行相应的操作。
请注意,上述代码假设数据行是通过<tr>元素来表示的。如果数据行是通过其他元素标记来表示,需要相应地修改选择器。
原文地址: https://www.cveoy.top/t/topic/ixUG 著作权归作者所有。请勿转载和采集!