Question

您能告诉我为什么我无法将json对象的数据作为<ul>成员附加到<li>吗？

<ul id="jsonData">
    <li></li>
</ul>  

<script>
 var employees = [
                  { "fName":"John" , "lastName":"Doe" }, 
                  { "fName":"Anna" , "lastName":"Smith" }, 
                  { "fName":"Peter" , "lastName": "Jones" }
                 ];

  $.each(data.employees, function(key, val) {
    $('#jsonData').append(val.fName);
  });
</script>

Answer 1

您正在尝试将原始文本添加到HTML元素中。您需要将 html元素添加到HTML元素。尝试添加新的li元素：

$.each(data.employees, function(key, val) {
  $('#jsonData').append('<li>' + val.fName + '</li>');
});

Answer 2

您没有任何data个对象，只有employees数组，所以您需要这样做：

$.each(employees, function(key, val) {
    $('#jsonData').append("<li>" + val.fName + "</li>");
});

您还需要将您的值放在<li></li>中，以将其作为HTML元素附加。

<强> Fiddle Demo

Answer 3

$('#jsonData').append("<li>" + val.fName + "</li>);

确保包含li标签，以便它知道它是一个列表项。

将JSON数据添加到<ul>元素</ul>的问题

3 个答案: