jQuery動態表無法顯示

Question

我想用jQuery創建動態表，它必須包含JSON對象的屬性，但不能實現我的問題在哪裏。我得到的是[object Object]。當我們說console.log(data[i].title)時，它給了我正確的輸出。你們可以看看並給我一些建議嗎？謝謝（我也試圖與文本，而不是價值。）

$.ajax({ 
    type : 'GET', 
    url : '../post/search-tag?tag='+input, 
    dataType : 'json', 
    success : function(data){ 
     if(data.length == 0){ 
      alert('No posts found!'); 
     }else{ 
      $('#posts').css('display', 'none'); 
      $('.list-view').css('display', 'initial'); 
      var table = document.createElement('table'); 
      var thead = document.createElement('tr'); 
      table.append(thead); 

      var title = document.createElement('td'); 
      var textTitle = document.createTextNode('Title'); 
      title.append(textTitle); 

      var content = document.createElement('td'); 
      var textContent = document.createTextNode('Content'); 
      content.append(textContent); 

      var date = document.createElement('td'); 
      var textDate = document.createTextNode('Create Date'); 
      date.append(textDate); 

      thead.append(title); 
      thead.append(content); 
      thead.append(date); 

      for(var i=0; i < data.length; i++){ 
       var aTitle = $('<a>', { 
        value : data[i].title, 
        href : '../post/view?id=' + data[i].post_id 
       }); 
       var aContent = $('<a>', { 
        value : data[i].content, 
        href : '../post/view?id=' + data[i].post_id 
       }); 
       var aDateCreate = $('<a>', { 
        value : data[i].date_create, 
        href : '../post/view?id=' + data[i].post_id 
       }); 

       var tr = document.createElement('tr'); 

       tr.append($('<td>', {}).append(aTitle)); 

       tr.append($('<td>', {}).append(aContent)); 

       tr.append($('<td>', {}).append(aDateCreate)); 

       table.append(tr); 
      } 

      $('.list-view').prepend(table); 
      $('.list-view').find('table').addClass('table customize'); 
     } 
    } 
}); 

Answer 1

你忘了，包括文本屬性爲您的href對象：（把它添加到你擁有的每href標記）

var aTitle = $('<a>', { 
      value : data[i].title, 
      text : 'Something', 
      href : '../post/view?id=' + data[i].post_id 
}); 

另外：使用jQuery的時候是一致的：（這就是爲什麼你得到[對象的對象] [對象的對象] [對象的對象]）

改變這一行：

var tr = document.createElement('tr'); 

到： var tr = $('<tr>');