Il s'agit d'une fonction plus pratique. Après avoir défini les lignes paires et impaires sur des couleurs différentes, l'expérience de lecture des données du tableau deviendra évidemment meilleure, sinon les données apparaîtront très compliquées et encombrées (l'expérience sera particulièrement évidente lorsqu'il y en a beaucoup). lignes de données du tableau). Ce n'est que lorsque vous ferez réellement cet aspect que vous vivrez une expérience forte. Quoi qu'il en soit, je viens de l'expérimenter, donc je vais le laisser ici pour référence ~.
Le code du script JS de base est le suivant (l'identifiant de l'élément table est ajusté en fonction de votre propre situation. Le jquery-1.7.min.js dans le code peut être téléchargé depuis le site officiel de jquery)
Copiez le code comme suit :
<script src="jquery-1.7.min.js"></script>
<script>
$(document).ready(function(){
SetTableRowColor();
});
//Utilisez CSS pour contrôler la couleur des lignes paires et impaires
fonction SetTableRowColor()
{
$("#Table tr:impair").css("background-color", "#e6e6fa");
$("#Table tr:even").css("background-color", "#fff0fa");
}
</script>