Alterner bakgrunnsfarge i tabell med jQuery
Med noen ytterst få linjer kan man få alternerende farger på rader i en tabell. Det eneste man trenger er en tabell med en klasse som inneholder mer enn en rad (ellers vil det være meningsløst i de fleste tilfeller med alterende farger), inkludering av jquery, og en liten kodesnutt. La oss se på tabellen først:
<table class="alternerende"><tbody><tr><td>Rad 1, celle 1</td> <td>Rad 1, celle 2</td></tr><tr><td>Rad 2, celle 1</td> <td>Rad 2, celle 2</td></tr><tr><td>Rad 3, celle 1</td> <td>Rad 3, celle 2</td></tr></tbody></table>
Deretter må vi inkludere jQuery. Dette gjøres i <head>-tagen. (Last ned jQuery først om det trengs da):
<script src="js/jquery.js" type="text/javascript"></script>
Så kommer vi til det store øyeblikket, skrive javascriptet.
$(document).ready(function () {$("table tr:even").addClass("even");$("table tr:odd").addClass("odd");});
Thats it. Se demo her.
Send ny kommentar