如何將所有td轉換爲一個tr到我的JQuery代碼？

Question

var url = 'json/result.json'; 
$(document).ready(function() { 
    $.getJSON(url, function(data) { 
     $.each(data.video, function(index, video) { 
      var row = $("<tr></tr>");     
      $('#userDataGrid').append('<td>' + video.id + '</td>'); 
      $('#userDataGrid').append('<td>' + video.name + '</td>'); 
      $('#userDataGrid').append('<td>' + video.url + '</td>'); 
      $.each(video.author.data, function(index, author) { 
       $('#userDataGrid').append('<td> Author: ' + author.name_author + '</td>'); 
      }); 
      $('#userDataGrid').append('<br/>'); 
     }); 
    }); 
    $("#userDataGrid p").addClass("selected highlight"); 
    console.log("========================"); 
    //console.log(data); 
    console.log("========================"); 
}); 

Answer 1

var row = $("<tr></tr>");     
row.append('<td>Foo</td>'); 
row.append('<td>Bar</td>'); 
.. 
$('#userDataGrid').append(row); 

但如何正確使用附加：

var row = '<tr>'; 
row += '<td>Foo</td>'; 
row += '<td>Bar</td>'; 
.. 
row += '</tr>'; 
$('#userDataGrid').append(row); 

來源：

• http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-correctly

Answer 2

可以使用wrapAll方法。

$.each(data.video, function(index, video) { 
    // ... 
    $('#userDataGrid > td').wrapAll('<tr></tr>') 
}); 

Answer 3

$.getJSON(url, function(data) { 
    $.each(data.video, function(index, video) { 
     var row_str= '<tr>';     
     row_str += '<td>' + video.id + '</td>'; 
     row_str += '<td>' + video.name + '</td>'; 
     row_str += '<td>' + video.url + '</td>'; 

      $.each(video.author.data, function(index, author) { 
       row_str += '<td> Author: ' + author.name_author + '</td>'; 
      }); 
     row_str += '<br/>'; 
     row_str += '</tr>'; 
     $('#userDataGrid').append(row_str); 
    }); 
});