Question

我有这个HTML

<html>
  <head>        
    <script src="js/vendor/jquery-1.10.1.min.js"></script>
    <script src="js/rest.js"></script>
  </head>
  <body>
    <table>
      <tbody id="list"></tbody>
    </table>
  </body>
</html>

和这个js

$(document).ready(function(){
var url = 'js/context.xml'
requestXML(url);
});

function requestXML(url){
    $.ajax({
        type: "GET",
        url: url,
        dataType: "xml",
        success: function(xml){
            var items = $(xml).find('item');
            $.each(items, function(){
                var id = $(this).text();
                $('#list').append('<tr>'+id+'</tr>');
                //$('#list').append(id);            
                console.log(id);
            });                 
        }
    });
}

当我检查由此生成的源时，一切都是空白的。但是控制台显示所有id。如果我删除标签，它会显示所有ID。

问题是什么以及如何解决这个问题。

Answer 1

正如tymeJV所说：首先将id s放入<td>，然后放入<tr> s：

$('#list').append('<tr><td>'+id+'</td></tr>');

连接时jQuery追加空白（无）

1 个答案: