<td><a href=”javascript:void(0);”>64</a></td>
<td><a href=”javascript:void(0);”>65</a></td>
</tr>
<tr>
<td><a href=”javascript:void(0);”>71</a></td>
<td><a href=”javascript:void(0);”>72</a></td>
<td><a href=”javascript:void(0);”>73</a></td>
<td><a href=”javascript:void(0);”>74</a></td>
<td><a href=”javascript:void(0);”>75</a></td>
</tr>
<tr>
<td><a href=”javascript:void(0);”>81</a></td>
<td><a href=”javascript:void(0);”>82</a></td>
<td><a href=”javascript:void(0);”>83</a></td>
<td><a href=”javascript:void(0);”>84</a></td>
<td><a href=”javascript:void(0);”>85</a></td>
</tr>
<tr>
<td><a href=”javascript:void(0);”>91</a></td>
<td><a href=”javascript:void(0);”>92</a></td>
<td><a href=”javascript:void(0);”>93</a></td>
<td><a href=”javascript:void(0);”>94</a></td>
<td><a href=”javascript:void(0);”>95</a></td>
</tr>
<tr>
<td><a href=”javascript:void(0);”>101</a></td>
<td><a href=”javascript:void(0);”>102</a></td>
<td><a href=”javascript:void(0);”>103</a></td>
<td><a href=”javascript:void(0);”>104</a></td>
<td><a href=”javascript:void(0);”>105</a></td>
</tr>
</table>
</script>
<style type=”text/css”>
table{border-collapse: collapse;width:100%;}
tr.zebra{background: #CCCCCC;}
td{border:1px solid #000000;height:30px;}
#queryResults{border:1px solid #CCCCCC;min-height: 200px;}
</style>
</head>
<body>
<h1>html test</h1>
<div id=”queryResults”>
</div>
</body>
<script type=”text/javascript” src=”./js/test.js”></script>
</html>
js
jQuery(function($){
$.addCallback(“html”, function(){
if(this.length == 1 && arguments.length > 0 && “string” === typeof(arguments[0])){
if(/<table[^>]*>.*</table>/i.test(arguments[0].replace(/n/g))){
console.log(“zebra table”);
$(“table:not(table.notZebra): tbody tr:odd”, this).addClass(“zebra”);
}
}
});
