html - 使用包含链接的 jquery 构建 html 表(
我正在根据从 ajax 调用中获得的结果构建一个 html 表。我可以很好地构建表格,但我也试图将链接放在用户可以点击的地方;但是,我得到的只是 . 我究竟做错了什么??
这是我构建表格的ajax代码
$.ajax({
url: '../Members/GetStatements',
问题描述
我正在根据从 ajax 调用中获得的结果构建一个 html 表。我可以很好地构建表格,但我也试图将链接放在用户可以点击的地方;但是,我得到的只是 . 我究竟做错了什么??
这是我构建表格的ajax代码
$.ajax({
url: '../Members/GetStatements',
data: 'Year=' + yr,
dataType: 'json',
success: function (data) {
$('#stmtTBL').find('tbody').detach();
$('#stmtTBL').append($('<tbody>'));
$.each(data, function (i, item) {
var linktxt = "";
if (item.DBStored == 1){
//linktxt = '<a href="' + '../members/_ShowStatement?MonthlyStatementID=' + item.MonthlyStatementID + '" target=' + '"_blank"' + '>' + item.StatementName + '</a>'
linktxt = '<a href="#" target=' + '"_blank"' + '>' + item.StatementName + '</a>';
linktxt = '<a href="#">test</a>';
} else {
linktxt = '<a href="' + 'https://www.somelink.com/statements/' + item.FileName + '" target=' + '"_blank"' + '>' + item.StatementName + '</a>';
}
var $tr = $('<tr>').append(
$('<td>').text(linktxt)
).appendTo('#stmtTBL > tbody');
});
我想我需要使用带有属性的“.append”之类的东西,但我不知道它的语法,而且我在搜索我想要的东西时遇到了问题。
只需更改此行:
- document.getElementById('btnUploadJSON').onclick = function() {
+ document.getElementById('fileInput').onchange = function() {
解决方案
好的,我从这篇文章中找到了答案:
$("#tableID").find('tbody')
.append($('<tr>')
.append($('<td>')
.append($('<img>')
.attr('src', 'img.png')
.text('Image cell')
)
)
);
使用 attr 和追加!!!多谢你们
推荐阅读
- javascript - ASP.NET MVC 如何防止 jquery 加载两次?
- java - 为什么在检查字符串是否可以是双精度时出现错误
- sql - How safe is this generated query from SQL injection?
- django - 在 dockerized 项目上运行 Django 迁移
- javascript - 在轮班名单上加快 fullcalendar.io
- java - 是否可以从参数中为列表命名?
- git - 当 rebase 失败而不是修改文件时,将差异输出到命令行
- python - 将 excel/CSV 读入 python
- javascript - Angular 6:关于 RxJs 的模块未找到错误
- html - 如何在html中以电子邮件形式接收表单数据
我正在根据从 ajax 调用中获得的结果构建一个 html 表。我可以很好地构建表格,但我也试图将链接放在用户可以点击的地方;但是,我得到的只是 . 我究竟做错了什么??
这是我构建表格的ajax代码
$.ajax({
url: '../Members/GetStatements',
问题描述
我正在根据从 ajax 调用中获得的结果构建一个 html 表。我可以很好地构建表格,但我也试图将链接放在用户可以点击的地方;但是,我得到的只是 . 我究竟做错了什么??
这是我构建表格的ajax代码
$.ajax({
url: '../Members/GetStatements',
data: 'Year=' + yr,
dataType: 'json',
success: function (data) {
$('#stmtTBL').find('tbody').detach();
$('#stmtTBL').append($('<tbody>'));
$.each(data, function (i, item) {
var linktxt = "";
if (item.DBStored == 1){
//linktxt = '<a href="' + '../members/_ShowStatement?MonthlyStatementID=' + item.MonthlyStatementID + '" target=' + '"_blank"' + '>' + item.StatementName + '</a>'
linktxt = '<a href="#" target=' + '"_blank"' + '>' + item.StatementName + '</a>';
linktxt = '<a href="#">test</a>';
} else {
linktxt = '<a href="' + 'https://www.somelink.com/statements/' + item.FileName + '" target=' + '"_blank"' + '>' + item.StatementName + '</a>';
}
var $tr = $('<tr>').append(
$('<td>').text(linktxt)
).appendTo('#stmtTBL > tbody');
});
我想我需要使用带有属性的“.append”之类的东西,但我不知道它的语法,而且我在搜索我想要的东西时遇到了问题。
只需更改此行:
- document.getElementById('btnUploadJSON').onclick = function() {
+ document.getElementById('fileInput').onchange = function() {
好的,我从这篇文章中找到了答案:
$("#tableID").find('tbody')
.append($('<tr>')
.append($('<td>')
.append($('<img>')
.attr('src', 'img.png')
.text('Image cell')
)
)
);
使用 attr 和追加!!!多谢你们