[jQuery] Alternate row colors using Ajax
I have some code that reads an xml file and outputs to a table. I
would like the rows to have alternate colors but cannot get it to work
properly. Below is my code. Hope someone can help.
Thanks!
<script src="../jQuery/jquery-1.3.1.min.js" type="text/javascript"></
script>
<style type="text/css">
tr.alt td {background:#e1e7e8;}
tr.over td {background::#99a4a4;}
</style>
<script type="application/javascript">
$(document).ready(function(){
$.ajax({
type: "GET",
url: "FTF_OLL.xml",
dataType: "xml",
success: function(xml) {
$(xml).find('Document').each(function(){
var title_text = $(this).find('Title').text()
var type_text = $(this).find('Type').text()
var format_text = $(this).find('Format').text
()
var location_text = $(this).find
('Location').text()
var track_text = $(this).find('Track').text()
var company_text = $(this).find
('Company').text()
$('<tr></tr>')
.html('<td>' + title_text + '</td><td>' +
type_text + '</td><td>' + format_text + '</td><td>' + location_text +
'</td><td>' + track_text + '</td><td>' + company_text + '</td>' )
.appendTo('#update-target table');
}); //close each(
}
}); //close $.ajax(
}); //close $(
</script>
</head>
<body>
<div id='update-target'>
<table class="stripeMe"><tr><td>Title</td><td>Type</
td><td>Format</td><td>Location</td><td>Track</td><td>Company</td></
tr></table> </div>