我有这个HTML页面:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Bank page</title>
<link rel="stylesheet" type="text/css" href="./styles/main.css">
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>
<script src="./scripts/config.js"></script>
<script src="./scripts/bankoperations.js"></script>
</head>
<body>
<div id="header">
<div class="container">
<div id="logoArea"></div>
<div id="navArea">
<ul id="nav">
<a href="./index.html"><li>Home</li></a>
<a href="./bank.html"><li>Bank</li></a>
<a href="./about.html"><li>About</li></a>
</ul>
</div>
</div>
</div>
<div id="mainArea">
<div class="container page">
<table id="operations">
<caption>Bank operations with card</caption>
</table>
</div>
</div>
</body>
</html>
这个js填充了我的表格内容:
$(document)
.ready(function () {
// Send an AJAX request
$.getJSON(window.appConfiguration.bankOperationSeviceUri)
.done(function (data) {
// On success, 'data' contains a list of products.
$.each(data,
function (key, item) {
$('#operations tr:last')
.after('<tr><td>' +
item.OperationName +
'</td><td>' +
item.OperationDateTime +
'</td><td>' +
item.Amount +
'</td></tr>');
});
});
});
但是当我执行此代码时 - 没有任何反应。虽然我可以在Chrome中看到在调试器中创建的表格行,但没有任何内容附加到页面上的表格元素。什么可能导致此错误?
答案 0 :(得分:-1)
$('#operations tr:last')
不匹配任何元素 - 您的表没有表行 - 因此没有任何内容可以追加。
尝试简单地附加到表格中。
$('#operations tbody:last').append(...)