javascript - 如何使用 jquery 将链接添加到表中?

标签 javascript jquery html

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

categories_data += '<a href='; 
categories_data += '"'; 
categories_data += value.links; 

等等)

这是我的 jQuery 代码:

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

你放错了 anchor 标签,它应该在 td 里面,而不是在 td 外面

关于javascript - 如何使用 jquery 将链接添加到表中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45591730/

相关文章:

jquery - jquery 对话框和 jqgrid 的内存泄漏

javascript - Google Maps API,根本无法显示标记

javascript - 如何组织 Javascript 项目以允许在客户端 SPA 和 Node 服务器之间共享代码

javascript - 是否可以在运行时使用 Node.js 中的函数生成对象?

javascript - 为什么 JS/React 比 WebAssembly/Rust 快得多?

javascript - 如何在 $.ajax() error() 上显示 BlockUI 模态对话框?

javascript - SweetAlert 并在条件正常和成功消息后重定向

html - 为什么我不能在下面的方案中对齐div/为什么最后一个容器不可见?

html - WebGL模型简化

javascript - toEqual 通过绑定(bind)不起作用