如何使用jquery添加到表的链接?

时间:2017-08-09 13:13:13

标签: javascript jquery html

所以我有一个名为jsonkategoria.json的文件,带有类别名称和链接。我想在表格中显示这些内容。不知何故(我是jQuery编程中的傻瓜)我的表只显示名称。我认为问题可能在标签中的引号内。 This is how the table looks in browser.此页面没有链接。我已经尝试了很多选项,分别添加每一行(我的意思是:

                $(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);
                });
            });

等)

这是我的jQuery代码:

{{1}}

2 个答案:

答案 0 :(得分:0)

您可以使用解决方案

&#13;
&#13;
 $(document).ready(function(){
  $.getJSON("jsonkategoria.json", function(data){
      var categories_data = '';
      $.each(data, function(key, value){
          categories_data += '<tr>';
          categories_data += '<td><a href="' + value.link + '" >' + value.nazwa + '</a></td>';
          categories_data += '</tr>';
      });
      $('#categories_tab').append(categories_data);
  });
});
&#13;
&#13;
&#13;

您错放了anchor代码,它应位于td内,不在td之外

答案 1 :(得分:0)

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