Javascript 如何使用jquery向表添加链接?

Javascript 如何使用jquery向表添加链接?,javascript,jquery,html,Javascript,Jquery,Html,因此,我有一个名为jsonkategoria.json的文件,其中包含类别名称和链接。我想在表格中显示这些。不知何故(我在jQuery编程中是begginer),我的表只显示名称。我认为问题可能在标签中的引号内。没有指向该页面的链接。我已经尝试了许多单独添加每一行的选项(我的意思是: categories\u data+=''; 类别_数据+=''; }); $(“#类别_选项卡”)。追加(类别_数据); }); }); 给你一个解决方案 $(文档).ready(函数(){ $.getJSON

因此,我有一个名为jsonkategoria.json的文件,其中包含类别名称和链接。我想在表格中显示这些。不知何故(我在jQuery编程中是begginer),我的表只显示名称。我认为问题可能在标签中的引号内。没有指向该页面的链接。我已经尝试了许多单独添加每一行的选项(我的意思是:

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');
    });
  });
 });