Jadi saya punya file ini bernama jsonkategoria.json dengan nama kategori dan tautan. Saya ingin menampilkan ini dalam sebuah tabel. Entah bagaimana (saya pemula dalam pemrograman jQuery) tabel saya hanya menampilkan nama. Saya pikir masalahnya mungkin dalam tanda kutip di tag. Beginilah tampilan tabel di browser. Tidak ada link ke halaman tersebut. Saya sudah mencoba banyak opsi dengan menambahkan setiap baris secara terpisah (maksud saya:

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

Dll.)

Inilah kode jQuery saya:

                $(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);
                });
            });
2
TheMatrixAdmin 9 Agustus 2017, 16:13

2 jawaban

Jawaban Terbaik

Ini dia solusinya

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

Anda salah menempatkan tag anchor, seharusnya di dalam td bukan di luar td

0
Shiladitya 9 Agustus 2017, 13:21
$(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');
    });
  });
 });
0
9 Agustus 2017, 13:37