<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
#as {
border-collapse: separate;
}
#as td {
padding: 8px 15px;
border: 1px solid #ddd;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
var col = 3, row = 3;
$(function() {
var t = $('<table id="as"/>').appendTo('#target')
.on('click', 'td', function() {
alert($(this).text())
});
for(var i=0, el=col*row, tr; i<el; i++) {
if(!(i % col)) tr = $('<tr/>').appendTo(t);
tr.append('<td>' + i + '</td>');
}
});
</script>
</head>
<body>
<div id="target"></div>
</body>
</html>
И подумайте над тем, нужна ли вам такая геморройная идентификация ячеек - man+i+j, да и нужна ли она вообще.