Javascript 如何使用jquery向表添加链接?
因此,我有一个名为jsonkategoria.json的文件,其中包含类别名称和链接。我想在表格中显示这些。不知何故(我在jQuery编程中是begginer),我的表只显示名称。我认为问题可能在标签中的引号内。没有指向该页面的链接。我已经尝试了许多单独添加每一行的选项(我的意思是:Javascript 如何使用jquery向表添加链接?,javascript,jquery,html,Javascript,Jquery,Html,因此,我有一个名为jsonkategoria.json的文件,其中包含类别名称和链接。我想在表格中显示这些。不知何故(我在jQuery编程中是begginer),我的表只显示名称。我认为问题可能在标签中的引号内。没有指向该页面的链接。我已经尝试了许多单独添加每一行的选项(我的意思是: categories\u data+=''; 类别_数据+=''; }); $(“#类别_选项卡”)。追加(类别_数据); }); }); 给你一个解决方案 $(文档).ready(函数(){ $.getJSON
categories\u data+='';
类别_数据+='';
});
$(“#类别_选项卡”)。追加(类别_数据);
});
});
给你一个解决方案
$(文档).ready(函数(){
$.getJSON(“jsonkategoria.json”),函数(数据){
var类别_数据=“”;
$。每个(数据、函数(键、值){
类别_数据+='';
类别_数据+='';
类别_数据+='';
});
$(“#类别_选项卡”)。追加(类别_数据);
});
});代码>$(文档).ready(函数(){
$.getJSON(“jsonkategoria.json”),函数(响应){
$。每个(响应、函数(i、值){
$('')。追加(
$('')。附加(''),
$('').text(value.nazwa).appendTo('#categories_tab');
});
});
});
表行的直接子行必须是
或
是表行的无效子行,因此浏览器会尝试变得智能,并从损坏的标记中获得意义。在您的情况下,浏览器只是简单地将
标记去掉。您必须在每个单元格中放置一个锚点或添加一个标记onclick处理程序到tr。由于CSS样式,我正在与其他解决方案(如上)进行斗争。当我使用您的版本时-现在一切看起来都很好:)Thankswellcome@Alcyone127:)
categories_data += '<a href=';
categories_data += '"';
categories_data += value.links;
$(document).ready(function(){
$.getJSON("jsonkategoria.json", function(data){
var categories_data = '';
$.each(data, function(key, value){
categories_data += '<tr>';
categories_data += '<a href="'+value.link+'" >';
categories_data += '<td>'+value.nazwa+'</td>';
categories_data += '</a>';
categories_data += '</tr>';
});
$('#categories_tab').append(categories_data);
});
});
$(document).ready(function(){
$.getJSON("jsonkategoria.json", function(response){
$.each(response, function (i, value) {
$('<tr>').append(
$('<td>').append('<td><a href="' + value.link + '" >' + value.link + '</a></td>'),
$('<td>').text(value.nazwa).appendTo('#categories_tab');
});
});
});