Wie fügt man mit jquery Links zur Tabelle hinzu?

Question

so habe ich diese Datei namens jsonkategorie.json mit Kategorien Namen und Links. Ich möchte diese in einer Tabelle anzeigen. Irgendwie (ich bin Anfänger in jQuery Programmierung) meine Tabelle zeigt nur Namen. Ich denke, dass das Problem innerhalb der Anführungszeichen im Tag sein kann. This is how the table looks in browser. Es gibt keinen Link zu der Seite. Ich habe viele Möglichkeiten versucht, mit jeder Zeile getrennt Hinzufügen (ich meine:

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

etc.)

Hier ist meine jQuery-Code:

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

Answer 1

Hier können Sie mit einer Lösung gehen

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

Sie fehl am Platz anchor Tag, es innerhalb td nicht außerhalb td

Answer 2

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