如何使用jQuery添加鏈接到表格？

所以我有這個文件名爲jsonkategoria.json與類別名稱和鏈接。我想在表格中顯示這些。不知何故（我在jQuery編程中是begginer）我的表只顯示名字。我認爲問題可能在標籤中的引號內。 This is how the table looks in browser.沒有鏈接到頁面。我試着分別添加每行很多選擇（我的意思是：如何使用jQuery添加鏈接到表格？

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

來源

2017-08-09 Alcyone127

錶行的直接子必須是''或''。 ''是錶行中的一個無效子項，所以瀏覽器試圖變得聰明並且從破壞的標記中理解。在你的情況下，瀏覽器只是簡單地將'''標籤跳出。 – Terry

要麼你必須在每個單元格中放置一個錨點或向tr添加一個onclick處理程序。 – epascarello

在這裏，你去了一個解決方案

$(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

來源

2017-08-09 13:21:00 Shiladitya

由於CSS樣式，我正在努力解決其他解決方案（上圖）。當我使用你的版本 - 現在一切都很好:)謝謝 – Alcyone127

歡迎@ Alcyone127 :) – Shiladitya

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

來源

2017-08-09 13:23:55

如何使用jQuery添加鏈接到表格？

回答

相關問題