我有一个动态创建的表格并分配了一个点击事件,但这个事件并不适用于所有单元格,只适用于固定行。我的错误是什么,请帮助我。
这是我的代码:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script type="text/javascript" src="jquery-ui-1.10.3.custom/js/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var cardRules = new Array();
$.get('UserFile.txt', function(data){
cardRules = data.split('\n');
// console.log(cardRules.length);
for (i = 0; i<cardRules.length; i++) {
// console.log(cardRules[i]);
var cardParts = cardRules[i].split(",");
// console.log(cardParts.length);
var out = "<tr>";
for (y = 0; y<cardParts.length; y++) {
// console.log(cardParts[y].replace("[", "").replace("]", "").replace(/"/g, ''));
// out += "<td>" + cardParts[y].replace("[", "").replace("]", "").replace(/"/g, '') + "</td>";
out += "<td>Part " + i + " " + y + "</td>";
}
out += "</tr>";
// console.log(out+'\n');
$('#tab').append(out);
}
});
$('#tab tr td').eq(2).on('click', function() {
console.log("Klick");
});
});
</script>
</head>
<body>
<table id="tab" border="1">
<tr>
<td>col1</td>
<td>col2</td>
<td>col3</td>
</tr>
</table>
</body>
</html>