如何使用jquery解析json数组中的结构化数据？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

var jsonData = [
  { "name": "John", "age": 30, "city": "New York" },
  { "name": "Jane", "age": 25, "city": "San Francisco" },
  { "name": "Bob", "age": 35, "city": "Chicago" }
];

$.each(jsonData, function(index, obj) {
  // 处理每个对象的属性
  var name = obj.name;
  var age = obj.age;
  var city = obj.city;
  
  // 在控制台打印属性值
  console.log("Name: " + name);
  console.log("Age: " + age);
  console.log("City: " + city);
});

$.each(jsonData, function(index, obj) {
  var name = obj.name;
  var age = obj.age;
  var city = obj.city;
  
  // 创建一个新的HTML元素，并将属性值添加到其中
  var newElement = $("<div>").text("Name: " + name + ", Age: " + age + ", City: " + city);
  
  // 将新元素添加到页面中的某个容器中
  $("#container").append(newElement);
});